/*
 Theme Name: DiviDuck Theme
 Theme URI: http://www.wp.bethzoe.com/
 Description: Child theme for Divi and designed for DiviDuck
 Author: Bethzoe
 Author URI: http://www.bethzoe.com
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles below */

span.title-bold {font-size:1.4em}
.req-list ul {list-style-type: none!important;}
.req-list ul li:before {content: '\5a' !important; color: #29c4a9; font-family: 'ETMODULES'; line-height: 2em; margin-right: 10px; margin-left: -14px; font-size: 1.2em!important; position: relative; top: 4px;}
.et-fixed-header {background-image: linear-gradient(83deg,#2b87da 0%,#29c4a9 100%) !important;}
#top-menu li {padding-right:5px}
.et-fixed-header #top-menu li.current-menu-item>a {color: #ffcb05 !important}


/** Navigation Styling **/
#main-header {background-color: rgba(255,255,255,0) !important;}
#main-header li a {color: #fff; text-transform: uppercase; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; transition-delay: 0s;}
@media only screen and (min-width : 981px) {
    #main-header li a, #menu-primary_nav li a {margin-right: 5px; padding-bottom: 0px!important; margin-bottom: 33px;}
    #main-header li a::before, #main-header li a::after, #menu-primary_nav li a::before, #menu-primary_nav li a::after {content: ''; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); z-index: -1; border: 2px solid transparent; -webkit-transform: scale(0);
                                                        -webkit-transform-origin: 0 100%; transition: 0.45s;}
    #main-header li a::before, #menu-primary_nav li a::before {margin-left: -12px; margin-top: -12px;}
    #main-header li a::after, #menu-primary_nav li a::after {right: -12px; margin-top: -12px;}
    #main-header li a::before, #menu-primary_nav li a::before {border-bottom: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform-origin: 0 100%;}
    #main-header li a::after, #menu-primary_nav li a::after {border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform-origin: 100% 0%;}
    #main-header li a:hover::before, #main-header li a:hover::after, #menu-primary_nav li a:hover::before, #menu-primary_nav li a:hover::after  {-webkit-transform: scale(1);}

    #menu-primary_nav li a {margin-right: 5px; padding-bottom: 0px!important; margin-bottom: 33px;}
    #menu-primary_nav li a::before, #menu-primary_nav li a::after {content: ''; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); z-index: -1; border: 2px solid transparent; -webkit-transform: scale(0);
                                                        -webkit-transform-origin: 0 100%; transition: 0.45s;}
    #menu-primary_nav li a::before {margin-left: -12px; margin-top: -12px;}
    #menu-primary_nav li a::after {right: -12px; margin-top: -12px;}
    #menu-primary_nav li a::before {border-bottom: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform-origin: 0 100%;}
    #menu-primary_nav li a::after {border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform-origin: 100% 0%;}
    #menu-primary_nav li a:hover::before, #menu-primary_nav li a:hover::after  {-webkit-transform: scale(1);}

	#top-menu li.current-menu-item>a {border: 2px solid #ffcb05; color: #ffcb05 !important; padding: 10px !important;}
    #top-menu li.current-menu-item>a::before, #top-menu li.current-menu-item>a::after {border: none !important;}
}

/** Styling the Single Post Template **/
.single et_pb_post p {font-size: 16px;}
  @media screen and (min-width: 320px) {.single {font-size: calc(16px + 6 * ((100vw - 320px) / 680));}}
  @media screen and (min-width: 1000px) {.single {font-size: 22px;}}}
.single #main-header, .error404 #main-header, .page-id-181 #main-header {background-image: linear-gradient(83deg,#2b87da 0%,#29c4a9 100%) !important;}
.single #main-content {background-color: #fff !important;}
.single #left-area {background-color: #fff; top: -158px !important; max-width: 895px !important; padding: 2.7% !important; width: 80%;}
.et_pb_post_title_0_tb_header .et_pb_title_container h1.entry-title {color:#fff; font-size: 3.8em; font-weight: 900; font-family: lato, sans serif; line-height:1.3em; }
#left-area .post-meta {color: #6d7c90; text-align:center; font-size: 1.1em; padding: .5em 0 75px 0}
.single .et_pb_post {margin-top: -40px; padding-top: 0}
.single .et_pb_post .entry-content {font-size: 110%; margin: 0 auto; padding-top: 0}
.single .et_pb_post h2 {color: #2f2c2d; font-size: calc(.95842vw + .99296em); font-weight: bold; margin-top: calc(1em + .5vw); margin-bottom: calc(-1 * (1em + .5vw)/ 2);}
.single .et_pb_post h3 {color: #2b87da; font-size: calc(.6842vw + .98296em); font-weight: bold; letter-spacing: 1; margin-top: calc(1em + .999vw); margin-bottom: calc(-1 * (1em + .999vw)/ 2);}
.single .et_pb_post h4 {padding: calc(.6042vw + .90296em) !important}
.single .et_pb_post p {color: #333; font-family: 'Lora', serif; /*font-size: calc(.25842vw + .85296em);*/ line-height: calc(1.5em + .2vw); margin: calc(1em + .5vw) 0; padding: 0 16px 0 0;}
.single .entry-content ul>li{color: #333; font-family: 'Lora', serif; /*font-size: calc(.25842vw + .85296em);*/ line-height: calc(1.5em + .1vw); margin: calc(1em + .4vw) 0; padding: 0 16px 0 0;}
.single .entry-content ul {margin-left:20px}
.single .et_pb_post a {color: #00aae9; border-bottom: 1px solid rgb(41, 196, 169, .4);}
.single .et_pb_post a:hover {background-color: #00aae9; border-bottom: 2px solid; color: #fff;}
.single #sidebar .widgettitle {color: #000; font-size: 1.1em; font-weight: bold; line-height:2.1em }
.single #sidebar .widget_recent_entries {background-color:#E7F0FF; padding: 30px}
.single #sidebar a {color:#1673DE; font-size: .8em;}
.single #sidebar a:hover {text-decoration:underline;}
.single #comment {background-color: #fff; margin: 10px -20px 0 10px;}
.single .logged-in-as {color: #1673de; text-align: center; font-size: .8em; padding: 10px 0;}
.single .comment-form {background-color: #ebeff4; margin: -50px auto; max-width: 100%}
.single #commentform #comment {width: 96%}
.single h3#reply-title {color: #333 ; font-size: 2.4em; font-weight: bold; line-height:3em; text-align: center !important; }
.single #commentform .submit {color: #ffffff!important; border-color: #e09900; border-radius: 30px; font-size: 15px; text-transform: uppercase!important; background-color: #e09900;}
.single #commentform .submit:hover {background-color:#d38900;}
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
.et_pb_gutters2.et_right_sidebar #left-area {padding-left:3%}
@media only screen and (min-width : 981px) {
    .single #left-area {left: -200px; position: relative; width: 64% !important; z-index: 9;}
}
.single #left-area .et_pb_post .entry-title {
    display: none;
    }
@media only screen  and (min-device-width: 768px) {
    .et_pb_post_title_0_tb_header .et_pb_title_container h1.entry-title {font-size: 50px !important}
  }
@media screen   and (device-width: 360px) {
    .single .et_pb_post_title_0_tb_header .et_pb_title_container h1.entry-title {font-size: 40px !important; line-height: 1.1; padding-top: 45px;}
    .single #left-area {padding:10px !important}
}

/** Media queries for Single Post Template 
@media only screen and (min-width : 1300px) {
	.single .comment-form {max-width: 60%}
}
**/
/** Styles for Code Block **/
.single #left-area pre.wp-block-code {background-color: #001628; color: #fff; font-size: 0.8em; overflow-x: scroll; margin: 50px 0; padding: 35px; scrollbar-color: #ffcb05; }



/** Styles for Page Template **/
.page #et-main-area #main-content a {color: #29c4a9; border-bottom: 1px solid rgb(41, 196, 169, .4)}
/*.page #et-main-area #main-content a:hover {border-bottom: 2px solid;}
.page #et-main-area #main-content .et_pb_button:hover {border-bottom: none;}*/

/** Styles for the Tips & Tutorials Page **/

.dd-theme a.more-link {font-size: 15px; color: #fff !important; font-weight: 700; text-transform: uppercase; margin-top: 20px; float: none; display: inline-block; padding: 10px 45px;   border-radius: 30px;
                        background-color: #ffcb05; border: 2px solid #ffcb05; } 
.dd-theme a.more-link:hover {color: #fff; background-color: rgba(255,203,5,0.79); border: 2px solid #ffcb05;}
/** #dd-theme-blog:before {content: ''; -webkit-transform: skew(0, -7deg); transform: skew(0, -7deg); position: absolute; left: 0; right: 0; top: -120px; height: 340px; background: #ffffff;}
.dd-theme .entry-title {margin-top: 0px; padding-bottom: 20px;}
.dd-theme .et_pb_image_container {margin: -40px -40px  10px;}
.dd-theme .et_pb_blog_grid .et_pb_post {margin-bottom: 80px; width: 100%; padding: 40px; background-color: #fff; border-radius: 4px; box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
                                        box-shadow: 0px 20px 150px #d6dee4; border: none; text-align:center;}
.dd-theme .et_pb_post .post-meta {margin-bottom: 40px;} **/

/** Styles for the Bottom Bar **/

#footer-content .et_pb_text_inner a {color: #fff !important;}
#footer-content a:hover {padding-bottom:2px; text-decoration: underline;}
.et_pb_code_inner {color:#fff}