/*-------------------------------------------------------
Theme Name: Divi Child Theme
Description: A child theme template for Divi
Author: Divi Cake
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/
/* Common CSS */
html,body{font-weight:normal;}
.d_inline_block a{display:inline-block;}
.check_list ul{padding-left:0px !important;padding-bottom: 0px !important;}
.check_list li{position:relative;list-style:none;padding-bottom:10px;display:block;padding-left:30px !important;}
.check_list li:last-child{padding-bottom:0px;}
.check_list li::before{content:"\f058";font-family: FontAwesome;vertical-align: middle;left:0px;position: absolute;color:#f46658;}
.dipi-date{border-radius: 0px;}
.post-meta{text-transform: capitalize;}
.et_pb_posts_nav .meta-nav, .et_pb_posts_nav .nav-label, .et_pb_posts_nav .nav-next, .et_pb_posts_nav .nav-previous{float: none !important;width: 100% !important;}
.et_pb_menu .et_pb_menu__search-input{color: #fff !important;}
.wp-pagenavi{text-align:center;margin-top: 15px;}
.search-results .wp-pagenavi{text-align: center;}
.category .wp-pagenavi{text-align: left;}
.wp-pagenavi a, .wp-pagenavi span{display:inline-block !important;font-size:14px !important;border-radius:0px !important;background:#fff !important;border:none !important;}
.et_pb_posts_nav a{display: inline-block !important;margin: 0px 10px;}
.wp-pagenavi .current{color: #000 !important;}
.et_pb_scroll_top.et-pb-icon .dipi_btt_wrapper{background:#f46658 !important;border-radius:0px !important;}
.single.single-post .et_pb_post_title_0_tb_body, .et_pb_post_title_0_tb_body.et_pb_featured_bg {background-position-y: top;}
.et_pb_title_featured_container{height:400px !important;}
.et_pb_title_featured_container img{height:100% !important;}
/* END Common CSS */
/* Menu CSS */
header .et_pb_menu .et-menu-nav > ul ul{padding:0px !important;}
header .nav li li{padding: 0px !important;width: 100%;}
header .nav li li a{width: 100%;}
header #menu-primary-menu ul.sub-menu li.current-menu-item a{color:#f46658 !important;}
header #menu-primary-menu .sub-menu{margin-top: 11px;}
header #mobile_menu1{margin-top: 15px !important;z-index: -1;padding:0px;}
header #mobile_menu1 li ul.hide{display:none !important;}
header #mobile_menu1 .menu-item-has-children{position:relative;}
header #mobile_menu1 .menu-item-has-children > a{background:transparent;}
header #mobile_menu1 .menu-item-has-children > a + span{position:absolute;right:0;top:0;padding:5px 10px;font-size: 20px;font-weight:700;cursor:pointer;z-index:3;color:#fff;background:#f46658;}
header .et_mobile_menu li a{padding:5px 5% !important;font-size:14px !important;}
header span.menu-closed:before{content:"\4c";display:block;color:inherit;font-size:16px;font-family: ETmodules;}
header span.menu-closed.menu-open:before{content:"\4d";}
header .mobile_nav.opened .mobile_menu_bar::before{content:"\4d";}
header .et_mobile_menu .menu-item-has-children > a{font-weight:inherit !important;}
header .et_pb_menu__logo-slot a:hover{opacity: 1 !important;}
/* END Menu CSS */
/* Blog Posts Sidebar CSS */
.et_pb_widget{width: 100% !important;display:block !important;}
.widget_search input#s, .widget_search input#searchsubmit, .et_pb_widget .wp-block-search__input, .et_pb_widget .wp-block-search__button{border: none !important;background:#e8e8e8 !important;border-radius:0px !important;}
.widget_search #searchsubmit, .et_pb_widget .wp-block-search__button{border-radius:0px !important;}
.et_pb_widget_area_left .wp-block-latest-posts__featured-image img{height: 100px;max-width: 150px;width: 150px;border:none !important;border-radius:0px;}
.et_pb_widget_area_left .wp-block-latest-posts__post-author{margin-top: 5px;}
.et_pb_widget_area_left .wp-block-latest-posts a{font-weight: 600;font-size: 14px;color:#222;}
.et_pb_widget_area_left .wp-block-latest-posts li{border-bottom:dashed 1px #9a9a9a;padding-bottom: 20px;margin-bottom: 20px !important;line-height:normal;}
.et_pb_widget_area_left .wp-block-latest-posts__post-date{text-transform: capitalize;font-style: italic;color: #999;margin-top:10px;display:block;font-size:14px;}
.et_pb_widget_area_left .wp-block-latest-posts li:last-child{padding-bottom: 20px;margin-bottom: 0px !important;}
.et_pb_widget_area_left a{text-transform:capitalize;}
.et_pb_widget_area_left .wp-block-heading{margin-bottom: -15px;font-weight: 600;}
.et_pb_widget_area_left a:hover{color: #f46658 !important;}
.et_pb_widget ol li, .et_pb_widget ul li{margin-bottom: 0em !important;}
.et_pb_widget{margin-bottom:15px !important;}
.et_pb_widget_area_left{border-right: none;padding-right: 0;}
.widget_search input#searchsubmit{width:auto !important;border-radius:0px;color:#fff;line-height:0px !important;padding:10px 20px;background:#f46658 !important;}
.widget_search input#searchsubmit:hover{background:#1d1d1d !important;}
.wp-block-search__button.wp-element-button{color:#fff;background:#f46658 !important;}
.wp-block-search__button.wp-element-button:hover{background:#001c45 !important;}
.widget_search input#s{border-radius:0px;}
.widgettitle{font-weight: bold;}
.et_pb_title_meta_container{margin-bottom: 25px;}
.search_page .et_pb_searchsubmit{padding: 12px 30px !important;font-weight: 500;}
.search.search-no-results .entry{text-align: center;}
.more-link{color: #fff;display: inline-block !important;font-weight: 500;position: relative;left: 0px;text-transform: capitalize;padding-right: 15px;margin-top: 15px;background: #f46658;padding: 10px 25px !important;border-radius:0px;}
.more-link:hover{background: #000;}
.wp-block-latest-posts__list a{color:#282828 !important}
.posts_slidebar .wp-block-categories-list.wp-block-categories{overflow: auto;height: 270px !important;}
.posts_slidebar .wp-block-categories-list.wp-block-categories li{font-size:14px;margin-bottom:5px;}
.posts_slidebar .wp-block-archives-list.wp-block-archives{overflow: auto;height:270px !important;}
.posts_slidebar .wp-block-archives-list.wp-block-archives li{font-size:14px;margin-bottom:5px;}
.posts_slidebar .tagcloud a,.posts_slidebar .wp-block-tag-cloud a{padding: 1px 5px !important;background: #ededed !important;}
/*END Sidebar CSS */
/* Sitemap Page */
.cus_sitemap_menu .et_pb_widget{width: 100% !important;margin-bottom: 0px !important;}
.cus_sitemap_menu .wp-block-categories-list.wp-block-categories li {padding: 10px 10px 10px 40px !important;margin-bottom: 10px !important;margin: 0px 1%;width: 48%;float: left;border-radius: 0px;background:#f4f4f4;}
.cus_sitemap_menu ul{padding-left:0px !important;padding-bottom: 0px !important;}
.cus_sitemap_menu li{position:relative;list-style:none;padding-bottom:10px;display:block;padding-left:30px !important;}
.cus_sitemap_menu li::before{content:"\f058";font-family: FontAwesome;vertical-align: middle;left: 12px;position: absolute;color: #f46658;}
/*Alternating blog layout*/
/*Set the effect for screen sizes 980px and larger*/
@media only screen and (min-width: 980px) {
.ds-alternating-blog .et_overlay.et_pb_inline_icon {
display: none !important;
}
.ds-alternating-blog .et_pb_post {
background-color: #fff;
margin-top: 0;
margin-bottom: 0;
padding: 30px;
}
/*Add some hidden content to clear the floats and make our posts site on their own row*/
.ds-alternating-blog .et_pb_post:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.ds-alternating-blog .et_pb_post h2 {
margin-top: 0;
}
/*This sets the odd post images to the left*/
.ds-alternating-blog .et_pb_post:nth-child(odd) img {
float: left !important;
overflow: hidden;
width: calc(50% + 60px);
height: auto;
padding-right: 30px;
margin: -30px 0 -30px -30px;
}
/*This sets the even post images to the right*/
.ds-alternating-blog .et_pb_post:nth-child(even) img {
float: right;
overflow: hidden;
width: calc(50% + 60px);
height: auto;
padding-left: 30px;
margin: -30px -30px -30px 0;
}
/*This sets the background color of the image ready for the hover effect*/
.ds-alternating-blog .et_pb_post img {
background:rgba(255,255,255,.75);
opacity:1;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
transition: opacity .25s ease;
}
/*This gives us the image opacity on hover*/
.ds-alternating-blog .et_pb_post img:hover {
opacity: .5;
}
/*This aligns the post text to the right on even posts*/
.ds-alternating-blog .et_pb_post:nth-child(even) {
text-align: right;
}
/*This sets the position of read more button on odd posts*/
.ds-alternating-blog .et_pb_post:nth-child(odd) a.more-link {
display: block;
clear: none;
margin-left: calc(50% + 30px);
}
/*This sets the position of read more button on even posts*/
.ds-alternating-blog .et_pb_post:nth-child(even) a.more-link {
display: block;
clear: none;
margin-left: calc(50% - 180px);
}
}
/*This styles the read more button*/
.ds-alternating-blog a.more-link {
border: 1px solid #000;
width: 150px;
color: #000;
margin-top: 20px;
padding: 10px;
text-align: center;
}
/*This styles the readmore button on hover*/
.ds-alternating-blog a.more-link:hover {
border: 1px solid #000;
color: #fff !important;
background: #000;
}
/*This changes the layout to stack posts on smaller screens*/
@media only screen and (max-width: 979px) {
.ds-alternating-blog .et_overlay.et_pb_inline_icon{display:none !important;}
.ds-alternating-blog .et_pb_post {
margin-bottom: 0;
}
.ds-alternating-blog .et_pb_post a img {
min-width: 100%;
}
.ds-alternating-blog .et_pb_post .entry-featured-image-url {
margin: -30px -30px 30px -30px;
}
.ds-alternating-blog .et_pb_post {
padding: 30px;
}
}
/*This fixes a small margin issue with the post meta on small screens*/
@media only screen and (max-width: 479px) {
.ds-alternating-blog .et_pb_post .post-meta {
margin-top: 10px;
}
}
@media only screen and (max-width:980px)
{
.et_pb_menu--style-centered .et_pb_menu__logo-wrap{-webkit-box-align: start !important;-ms-flex-align: start !important;align-items: start !important;width: 200px !important;margin-left: 0px !important;float: left;margin-bottom: 0px !important;}
.et_pb_menu--style-centered .et_pb_menu__menu > nav > ul, .et_pb_menu--style-centered .et_pb_menu__wrap{-webkit-box-pack: end !important;-ms-flex-pack: end !important;justify-content: end !important;}
/* Sidebar */
.posts_slidebar .wp-block-archives-list.wp-block-archives li{float: left;width: 50%;}
/* Sitemap Page */
.cus_sitemap_menu .wp-block-categories-list.wp-block-categories li{width: 100%;float:none;}
}
@media only screen and (max-width:980px)
{
/* Sidebar */
.posts_slidebar .wp-block-archives-list.wp-block-archives li{float: none;width: 100%;}
}