/*
Theme Name: Yaro Blog Custom Theme
Description: A custom theme for Entrepreneurs-Journey.com
Author: Carly Black https://www.thewebdesignstudio.com.au
Template: Divi
*/

.credits {font-size:11px; background:#393c3d}
.credits a {max-width:1080px; margin:0px auto; color:#999; text-align:right; padding:10px 0; display:block}
p {padding-bottom:1.6em;}
.center {text-align:center;}
p#footer-info {font-size:13px; float:none; padding-bottom:0;}
#et-footer-nav .container {width: 100%;}
#main-header {-webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0);}
#left-area ol, .comment-content ol, .entry-content ol, body.et-pb-preview #main-content .container ol, #left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul {margin: 0 0 0 30px !important; line-height: 1.4em; list-style-position: outside;}
.entry-content ol li, .entry-content ul li {padding: 0 0 10px;}
h1, h2, h3, h4, h5, h6 {padding-bottom:20px;}
/* footer changes*/
ul#menu-footer-menu {max-width: 470px; float: left;}
.bottom-nav li:last-child {padding-right: 0;}
.footericons {float: right; color: #fff; font-family: 'Times New Roman', Georgia, serif; font-style: italic; font-size: 14px;}
.footericons p {float: left; padding-top:2px}
.footericons ul {float: right; margin-top:-10px;}
.footericons li {float: left;}
.footericons a.facebook {background: url(/wp-content/uploads/2018/04/ej-social-footer.png) no-repeat; background-position: 0 0; height: 45px; width: 47px; display: block; font-size: 0;}
.footericons a.facebook:hover {background-position: 0 -46px;}
.footericons a.twitter {background: url(/wp-content/uploads/2018/04/ej-social-footer.png) no-repeat; background-position: -49px 0; height: 45px; width: 47px; display: block; font-size: 0;}
.footericons a.twitter:hover {background-position: -49px -46px;}
.footericons a.soundcloud {background: url(/wp-content/uploads/2018/04/ej-social-footer.png) no-repeat; background-position: -99px 0; height: 45px; width: 47px; display: block; font-size: 0;}
.footericons a.soundcloud:hover {background-position: -99px -46px;}
.footericons a.instagram {background: url(/wp-content/uploads/2018/04/ej-social-footer.png) no-repeat; background-position: -148px 0; height: 45px; width: 47px; display: block; font-size: 0;}
.footericons a.instagram:hover {background-position: -148px -46px;}
.footericons a.youtube {background: url(/wp-content/uploads/2018/04/ej-social-footer.png) no-repeat; background-position: -198px 0; height: 45px; width: 47px; display: block; font-size: 0;}
.footericons a.youtube:hover {background-position: -198px -46px;}
.footericons a.email {background: url(/wp-content/uploads/2018/04/ej-social-footer.png) no-repeat; background-position: -247px 0; height: 45px; width: 47px; display: block; font-size: 0;}
.footericons a.email:hover {background-position: -247px -46px;}
#footer-bottom .footericons a {-webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
/* end footer changes */
/* all menu changes*/
.et_pb_slide_menu_active #page-container, .et_pb_slide_menu_active #main-header {left: 0 !important;}
.et_pb_slide_menu_active #et-top-navigation {margin-right: 290px !important; background: #f7f8f9; padding-left: 50px !important;}
.et_fixed_nav.et_header_style_slide #et-top-navigation, .et_header_style_fullscreen #et-top-navigation {padding: 16px 0 16px 50px!important;}
.et_header_style_slide .et-fixed-header #et-top-navigation {padding: 11px 0 11px 50px!important;}
.et_slide_in_menu_container {-webkit-transition: right .8s ease-in-out; -moz-transition: right .8s ease-in-out; transition: right .8s ease-in-out;}
.et_fixed_nav #et-top-navigation {-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
ul#menu-footer-menu {padding: 0;}
#et-secondary-menu {padding-top: 18px; float:none; position:absolute; left: 50%; transform: translateX(-50%); max-width:500px; text-align:center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.et-fixed-header #et-secondary-menu {padding-top: 14px;}
#et-secondary-nav li {font-size: 16px; margin-right: 30px;}
#et-secondary-nav a {color:#262426 !important}
li#menu-item-27070 a, li#menu-item-27067 a, li#menu-item-27069 a, li#menu-item-27068 a, li#menu-item-26915 a, li#menu-item-26940 a, li#menu-item-26941 a, li#menu-item-26916 a, li#menu-item-27077 a, li#menu-item-26917 a, li#menu-item-15300 a, li#menu-item-26918 a, li#menu-item-27102 a, .side-menu-large-text {text-transform: uppercase;font-weight:600;}
li#menu-item-26941, li#menu-item-26918, .menu-divide-line {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 20px;}
li#menu-item-26919 a, li#menu-item-26920 a, li#menu-item-26921 a, li#menu-item-27080 a, .side-menu-small-text {font: 16px 'Times New Roman', Georgia, serif; font-style: italic;}
.et_slide_in_menu_container #mobile_menu_slide li a, .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a {padding: 5px 0; letter-spacing: 1px;}
div#et-top-navigation:before {content: 'More'; font: 18px 'Times New Roman', Georgia, serif; font-style: italic; position: absolute; left: 10px; top: 22px; -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.mobile_menu_bar:before, .mobile_menu_bar:after {position: absolute; left: -40px; padding-left: 40px;}
.mobile_menu_bar {height: 30px;}
.et_toggle_slide_menu:after {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.et-fixed-header div#et-top-navigation:before {top:17px}
div#et-top-navigation {position: relative;}	
.bottom-nav, .bottom-nav a {font-weight:300}
/*END */
h5 {text-transform:uppercase; font-weight:600;}
body #page-container .et_pb_button {padding: 10px 35px 10px 20px !important; line-height: 1.5em !important; font-size: 16px !important;}
.vertical-align {display: flex; flex-direction: column; justify-content: center;} 
.timesblack {font-family:'Times New Roman', serif; color:#393c3d !important; font-style:italic;}
.times {font-family:'Times New Roman', serif; font-style:italic; line-height:1.4em;}
.et_pb_blog_grid img {max-width: 100%; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s;}
.et_pb_blog_grid img:hover {-moz-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06);}
.et_pb_blog_grid .et_pb_image_container {overflow:  hidden;}
.et_pb_toggle {border: none; transition: 0.4s; }
 .et_pb_toggle_title:before {color:#393c3d; font-size: 30px !important ; content: "\43" !important; -webkit-transition: 0.3s; transition: 0.3s; right:20px !important;}
.et_pb_toggle_open .et_pb_toggle_title:before { color: #fff; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.et_pb_toggle {padding: 0;}
h4.et_pb_toggle_title {padding: 20px !important; color:#393c3d !important}
.et_pb_toggle_open .et_pb_toggle_title {background: #0280c6; color: #fff !important;}
.et_pb_toggle_content {padding: 20px;}
.roundimg img {border-radius:50%}
/* pagination */
.wp-pagenavi {border-top: none; text-align: center;}
.wp-pagenavi span.current {padding: 7px 10px !important; border: 1px solid #ccc !important; color: #0c71c3 !important;}
.wp-pagenavi a {color: #adadad; margin: 0; padding: 0 10px;}
.wp-pagenavi a:hover {color: #0c71c3 !important; padding: 7px 10px;}
/* end */

.yellowbutton .et_pb_button, .yellowbutton.et_pb_button {color: #000000!important; border-width: 0px!important; font-size: 16px; font-weight: 600!important; padding-left: 0.7em; padding-right: 2em; background-color: #fdd056;}
.yellowbutton .et_pb_button:hover, .yellowbutton.et_pb_button:hover {color: #ffffff!important; background: #fdd056!important;}
.yellowbutton .et_pb_button:after, .yellowbutton.et_pb_button:after {line-height: 1.7em; font-size: 16px!important; opacity: 1; margin-left: .3em; left: auto;}

.johnsonbox.pdcst p { font-size: 20px !important; font-weight: 300; text-align: center } .johnsonbox.pdcst h3 { font-size: 26px; font-weight: 400; padding-top: 14px; text-align: center } .johnsonbox { font-size: 22px; width: 85%; margin: 0 auto; margin-bottom: 20px; padding: 0px 15px; border: solid 1px #DDD; background-color: #FFFFDE; } .johnsonbox.grey { background: #efefef; } .johnsonbox.blue { background: #f0f9ff; background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f9ff), color-stop(47%, #cbebff), color-stop(100%, #a1dbff)); background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -o-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -ms-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=0 ); } .johnsonbox p { font-size: 22px; margin: 25px 0; } .johnsonbox.optin { width: 40%; } .johnsonbox.optin .form-row { margin: 5px 0; } .johnsonbox.optin input { border: solid 1px #333; } .johnsonbox.optin input.button { margin: 10px 0; padding: 4px; background: #06C; border: solid 1px #333; color: #FFF; cursor: pointer; } .johnsonbox.optin input.button:hover { background: #09C; }
ul.tick { list-style: none; margin: 40px 0 40px 30px !important; } .tick li { background: url(/images/tick.png) no-repeat 0 8px; padding-left: 50px !important; } ul.qmark { list-style: none; margin: 40px 0 40px 30px !important; } .qmark li { background: url(images/question-mark.png) no-repeat 0 5px; padding-left: 35px !important; } ul.tickbox { list-style: none; margin: 40px 0 40px 30px !important; } .tickbox li { background: url(/images/redtick.png) no-repeat 0 8px; padding-left: 50px !important; line-height: 44px } .tickbox li span.middle { line-height: normal; vertical-align: middle; display: inline-block; padding-top: 12px !important } .tickbox li span.nopad { padding-top: 0; line-height: normal; vertical-align: middle; display: inline-block } .center p {text-align:center !important;}
img.aligncenter2 { width: auto !important; max-width: 100%; height: auto; margin: 10px auto; display: block }
/* single posts */
.et_pb_section.nopad, .et_pb_section.nopad .et_pb_row {padding:0; overflow:hidden;}
.et_right_sidebar #main-content.et_full_width_page .container:before {width: 0;}
body.single .et_full_width_page #left-area {padding: 0 !important; max-width: 980px !important; margin: 0 auto !important; float: none;}
#main-content.et_full_width_page h1.entry-title {font-weight: 300; text-align: center; font-size: 46px; margin: 30px auto 0;}
#main-content.et_full_width_page p.post-meta {text-align: center; text-transform: uppercase; color: #000 !important; font-weight: 600 !important; letter-spacing: 1px; font-size: 16px;}
p#breadcrumbs {font-size: 14px; text-transform: uppercase; text-align: center; color: #ccc; margin-bottom: 30px; font-style: italic; letter-spacing:1px;}
p#breadcrumbs a {color:#999}
#main-content.et_full_width_page .container {padding-top: 25px;}
.col3_4 {width: 100%; float: right; margin-left: -250px;padding-left: 250px; box-sizing:border-box}
.col1_4 {width: 200px; float: left;}
.colholder {margin-top:50px;}
.colholder:after {clear: both; display: block; content: '';}
.col1_4 #sidebar {width: 100%; padding: 0 20px; box-sizing:border-box}
p.iyaro {font: 26px 'Times New Roman', Georgia, serif !important; color: #777 !important; letter-spacing: 1px; font-style: italic !important; padding-bottom: 15px;}
#text-19 p {font-size: 16px; line-height: 1.5; text-align: center; color: #999; font-style: italic;}
.bluebutton a {background: #6dc6e8; padding: 10px; text-align: center; color: #fff; display: block; margin: 30px auto 0; text-transform: uppercase; font-size: 18px; letter-spacing: 1px;}
#main-content.et_full_width_page h2 {padding: 30px 0 20px;}
.postthumb {max-height: 450px; overflow:hidden;}
.et_pb_section.nopad .et_pb_column.et_pb_column_1_2:first-child {width: 60%;}
.et_pb_section.nopad .et_pb_column.et_pb_column_1_2:last-child {width: 40%;}
.nopad .et_pb_column_1_2.et_pb_column_1 { background:#f9f9f9; padding: 20px 40px;}
.nopad .et_pb_column_1_2.et_pb_column_1.blue {background: #0280c6;}
.nopad .et_pb_column_1_2.et_pb_column_1.blue h1, .nopad .et_pb_column_1_2.et_pb_column_1.blue h2, .et_pb_column.blue h3, .et_pb_column_1.blue p {color: #fff;}
.col3_4 .et_pb_section.et_pb_section_0.et_section_regular, .col3_4 .et_pb_section.et_pb_section_0.et_section_regular .et_pb_row {padding-top: 0;}
.comment_avatar img {border-radius: 50%;}
.comment-content, .comment-content p {font-size: 18px; line-height: 1.6; font-weight: 300;}
span.fn, span.fn a {font: 26px 'Times New Roman', serif !important; font-style: italic !important; color: #777;}
.comment_date {display:none}
#nsu-checkbox {font-size: 16px;}
blockquote p {font-size: 24px; line-height: 35px; font-style: italic; letter-spacing: 1px; color: #666; font-family:'Times New Roman', serif;}
/*blockquote {position: relative; border-left: none;}
blockquote:before {content: "\201C"; font-size: 75px; position: absolute; top: 10px; left: -16px; font-family: lato; color: #888;}
@media all and (min-width: 768px) {
blockquote {padding: 0 20px; max-width: 100%;}
blockquote { margin: 20px 30px 20px -30px;}
}*/
blockquote {position: relative; border-left: none; text-align: center; padding-bottom: 1.6em}
blockquote:before {content: "\201C"; font-size: 75px; position: absolute; top: 18px; left: 0px; font-family: lato; color: #888;}
blockquote:after {content: "\201D"; font-size: 75px; position: absolute; right: 0px; font-family: lato; color: #888;}
blockquote p:last-of-type{
    padding-bottom: 0 !important;
}
@media all and (min-width: 768px) {
    blockquote {padding: 0 20px 1.6em 20px !important; max-width: 100%;}
    blockquote { margin: 20px 80px 20px 80px !important;}
}

@media (max-width:980px) {
.nopad .et_pb_column.et_pb_column_empty {display:block}
}
@media (max-width:767px) {
.col1_4 {width: 80%; float: none; margin: 0 auto;}
.col3_4 {padding-left: 0; margin-left: 0;}
}

/* end */
@media (min-width:981px) {
.fullrow {max-width:100% !important; width:100% !important;}
}
@media (max-width:980px) {
div#et-top-navigation {padding-left:0 !important;}
.et_header_style_slide .et_toggle_slide_menu {padding-bottom: 0;}
.et_header_style_slide #et-top-navigation {padding: 16px 0 16px 0!important;}
}
@media (max-width:600px) {
h1 {font-size:30px !important}
p, body, li {font-size:16px !important; line-height:1.3}
}

@media (min-width: 981px) {
.menu-show-for-small-only {
display: none;
}
}

.entry-content ul, .entry-content ol {
    margin: 0 0 0 50px !important;
}

.entry-content ol li, .entry-content ul li {
    padding: 0 0 30px;
}