/*
 Theme Name:     IceyDivi (POI)
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Hafsah Faizal
 Author URI:     https://www.iceydesigns.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* 
------------------------------------------------------- */
@font-face {
    font-family: 'Bronx';
    src: url('fonts/BronxRegular.woff2') format('woff2'),
        url('fonts/BronxRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro';
    src: url('fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('fonts/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.container {width: 100%;}
body.home li#menu-item-16111 { display: none; }
#main-content {background-color: #fff;}
#main-header {border-bottom: 10px solid #fe1556;}
#content-area {padding: 0 20px;}
body.post-template-default .entry-content .et_pb_section {padding-top: 0;}

ul.et-social-icons {float: right!important; margin-top: 10px;}
select.goog-te-combo {font-size: 15px; font-family: 'Arial'; font-weight: bold; width: 148px!important; margin-top: 7px!important;}
li.ggl-trn {margin-left: -10px;}
#et-secondary-nav, #et-secondary-nav li {vertical-align: middle;}
div#flags {width: 90%;}

.et_fixed_nav #main-header, .et_fixed_nav #top-header { background: #f7f4f4; border-bottom: 30px solid #15283a; }
#et_top_search {margin-left: 32px;}
#top-menu li {padding: 0 15px; font-family: 'Bronx', serif; font-weight: normal;}
#top-menu li a {font-size: 17px !important;}
#et-top-navigation {padding-top: 30px;}
li.donate-cta a {padding: 20px !important; color: #fff !important; background: #203344;}
li.donate-cta a:hover {padding: 20px !important; background: #000;}
	
.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a {padding: 0 22px; text-transform: lowercase;}
.et_pb_section.et_pb_section_0.et_section_regular {background-color: transparent;}

@media only screen and (min-width: 1080px) {
	.dt-blog .et_pb_post.has-post-thumbnail .entry-featured-image-url {float: left; margin-right: 4%; width: 30%;}
    .dt-blog .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {padding-left: 34%;}
}

#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {padding-left: 15px; color: #000;}

#top-menu li li a:hover {color: #fe4c37 !important;}
#top-menu li li a, .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .nav li ul a, .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .et_mobile_menu li ul a {font-size: 16px !important; font-family: 'Bronx', serif;}

#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {font-family: 'Bronx';}

.et-menu li li a {width: 260px;}
.nav li ul {width: 290px; background: #faba90;}
.et_mobile_menu .menu-item-has-children>a {font-weight: normal;}
.et_pb_menu__menu {border-bottom: none;}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {padding-bottom: 14px !important;}

@media only screen and (min-width: 981px) {
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 57px 0 0 !important;}
body.single .et_post_meta_wrapper h1 {font-size: 25px !important;}
}

@media only screen and (max-width: 981px) {
	#page-container { padding-top:0px !important; margin-top:-1px !important;}
	
	.et_header_style_split #logo {max-height: 160px;}
	#et_mobile_nav_menu span.select_page {display:none;}
	.et_header_style_split header#main-header .logo_container {max-height: 130px;}
	.et_header_style_split .et_menu_container .mobile_menu_bar { position: absolute; right: 45px; top: -15px; }

	/* Adjust padding for transparent headers */
	.et_transparent_nav #main-content .container {padding-top: 58px !important;}
}

@media (max-width: 980px) {
.et_pb_fullwidth_menu .et_pb_row, .et_pb_menu .et_pb_row {min-height: 30px;}
.et_header_style_centered .et_mobile_menu {top: 30px; background: #faba91!important;}
.et_header_style_centered #logo {max-height: 180px;}
.et_header_style_centered #main-header .mobile_nav {background-color: transparent;}
.et_header_style_centered .et_menu_container .mobile_menu_bar {position: absolute; right: 25px; top: -50px;}
.et_header_style_centered header#main-header .logo_container {max-height: inherit;}
#et-top-navigation {padding-top: 0;}
}
.et_mobile_menu {font-family: 'Bronx', serif; font-weight: normal; background: #203344;}
.et_mobile_menu li a {font-size: 17px; color: #fff !important;}

.et_pb_fullwidth_menu_0 .mobile_nav .mobile_menu_bar:after {
	content: "menu";
	font-size: 40px;
    font-family: 'Bronx', serif;
    color: #000;
    vertical-align: text-top;
    padding: 0 0 0px 4px;
}

#logoimg {
	margin-top: -360px;
	width: 70%;
	max-width: 550px;
}

@media screen and (max-height: 900px) {
#logoimg {
	margin-top:-310px;
	width: 38%;
	}}

#home-text {font-family: 'Bronx'; text-transform: uppercase; font-weight: bold; font-size: 100px;}

@media screen and (max-width: 700px) {
#logoimg {width: 90%; max-width: 550px; margin-top: -230px;}
#home-text {font-size: 55px;}
#donate-button {font-size:14px!important;}
}

h1 {font-family: 'Bronx', serif; font-size: 45px; letter-spacing: 2px; color: #203344; }
h2 {font-family: 'SF Pro', serif; font-size: 39px; letter-spacing: 2px; color: #fe1556; text-transform: uppercase;}
h3 {font-family: 'Bronx', serif; line-height: 1.3; letter-spacing: 1px; font-size: 30px; color: #000;}
h4 {font-family: 'SF Pro', serif; font-size: 31px; color: #000; letter-spacing: 1px;}
h5 {font-family: 'Bronx', serif; color: #3c4860; font-size: 24px; letter-spacing: 1px;}
h6 {font-family: 'Arial', serif; color: #000; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 {line-height: 1.5em !important; padding-bottom: 5px;}

@media only screen and (max-width: 767px){.et_pb_text_0 h1, .et_pb_text_1 h1, .et_pb_text_2 h1 {font-size: 40px !important;}}
h4.widgettitle {font-size: 21px;}

.lightbox a {pointer-events: none;}
.lightbox .et_overlay {display: none !important;}

#main-footer, .main_title {display:none;}

#copyright {
	text-align:center;
	font-size: 13px;
	font-family: 'Bronx', serif;
	font-weight: bold;
    letter-spacing: 2px;
	color: #fff;
}

#copyright a:link, #copyright a:visited {color:#fff;} #copyright a:hover {color:#000;}

a#footer-links {font-family: Bronx; font-size: 15px; color: #d0de4f;}
a:hover#footer-links {color: #000;}

span#et_search_icon, .et-search-form input, span.et_close_search_field {color: #0f3050;}

 #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .nav-single a {color: #0f3050;}

#top-menu a:hover, #et_search_icon:hover, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current, h2.entry-title a:link, h2.entry-title a:visited {color: #3c4860 !important;}

.et_pb_widget a:link, .et_pb_widget a:visited, h2.entry-title a:hover {color: #fe1556 !important;}