/*
Theme Name:  Divi Child
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Hesham Zebida
Author URI:  http://zebida.com
Template:    Divi
*/

@import url("../Divi/style.css");

body {background-image: linear-gradient(to bottom left, #f3f3f3, #f3f3f3, #d1c5ad);}

p {font-size:18px; color:#444;}

.center {text-align:center;}

/* RESPONSIVE CLASSES */
.onlydesktop {display:run-in !important;}
.onlymobile {display:none !important;}

a.bigbutton {
	display:inline-block; 
	font-family: 'Cinzel', serif; 
	font-size:48px; 
	color:#2f4170; 
	padding:30px !important; 
	margin:10px auto !important; 
	text-transform:uppercase; 
	font-weight:normal !important; 
	border:2px solid #ff0000; 
	background-color:transparent;
}
a.bigbutton:hover {
	color:#fff; 
	background-color:#2f4170;
}


/* MAIN THEME CONTAINERS */
div#page-container {background-color:transparent !important;}
header#main-header {background-color:#2f4170; padding:0 15% !important; width:100%; margin:0 0 0 0 !important;}

div#et-main-area {border:0px dashed red !important; background-color:transparent !important; margin-left: 0px !important; padding:0 !important;}
div#main-content {border:0px dashed yellow !important; background-color:transparent !important; padding:0 !important;}
div.container {border:0px dashed green !important; background-color:transparent !important; max-width:100%; width:100%; padding:0 !important;}
div#content-area {border:0px dashed blue !important; background-color:transparent !important; padding:0 !important; margin:0px auto !important; }
div#left-area {border:0px dotted purple !important; background-color:transparent !important; padding:0 !important; margin:0 auto !important; max-width:80% !important;}

/* HEADER LOGO */
img#logo {width:300px; padding:10px 0 20px 0; display:none;}
img.headerlogo.onlydesktop {width:300px; padding:20px 0;}
img.headerlogo.onlymobile {width:90%; padding:10px 0;}


/* MAIN NAVIGATION */
#et-top-navigation {padding:0 !important; margin:0 0 0 0;}
nav#top-menu-nav {padding:0 !important;}
ul#top-menu li.menu-item {font-family: 'Cinzel', serif; font-size:32px; line-height:75%; padding:20px 0 !important; margin:0 auto !important; border:0px dotted yellow;}

ul#top-menu li.menu-item a {color:#fff; padding:20px; margin:0 !important; text-align:left; text-transform:uppercase; font-weight:normal !important; border-right:0px solid #999;}
ul#top-menu li.menu-item.donate a {border:2px solid #ffc800 !important;}
ul#top-menu li.menu-item.last a {border-right:0px solid #999 !important;}
ul#top-menu li.menu-item a:hover {color:#fff; background-color:transparent;}
ul#top-menu li.menu-item a:active {color:#fff !important;}

/* DROP DOWN MENU */
.nav li {position: relative;}
.nav li ul { position: absolute; top: 52px; left:0; padding:0 10px !important; border:0px dashed red; }
.nav li ul { z-index: 9999; width:150px; background-color:rgba(0,0,0,0.9) !important; border-top: 2px solid #fff !important;}
#top-menu li li a {color:#fff; width:130px; padding:0 !important; margin:0 0 0 20px !important; border:0px greenyellow dashed !important; }
.submenu-item {background-image:none !important;}
ul#top-menu .menu-item-has-children>a:first-child:after {content: "" !important;} /* Removes the arrow from drop-down */

/* SUB MENU */
ul#top-menu ul.sub-menu li.menu-item {text-transform:uppercase; font-family:'Anton', serif; border-bottom:1px solid #999 !important; padding:0; vertical-align:middle; margin-right:0px !important;}
ul#top-menu ul.sub-menu li.menu-item:hover {}
ul#top-menu ul.sub-menu li.menu-item a {color:#fff; font-weight:normal; font-size:18px !important; padding:0 0 0 0 !important; background-image:none !important; border:4px dashed gold;}
ul#top-menu ul.sub-menu li.menu-item a:hover {color:#fff;}
ul#top-menu ul.sub-menu li.menu-item a:active {color:#fff !important; font-weight:normal;}
ul#top-menu ul.sub-menu li.menu-item.submenu-item {background-image:none !important;}

/* MOBILE NAVIGATION */
.mobile_menu_bar:before {font-size:60px; color:#fff;} /* edit the Divi mobile hamburger icon */
.et_mobile_menu {background-color:rgba(255,0,0,0.9); border-top:0; padding:0;} /* edit the Divi mobile menu dropdown box */
.et_mobile_menu li a {font-family:'Cinzel', serif; font-size:28px; font-weight:normal; padding:20px; color:#fff; text-transform:uppercase;} /* Divi mobile menu parent links */
.et_mobile_menu li a:hover {background-color:#2f4170;}
.et_mobile_menu .menu-item-has-children li a {} /* Divi mobile menu submenu links */


			



/* HEADLINES */
h1.main_title {display:none;} /* Removes the default page title */

h1, h2, h3, h4, h5, h6
{font-family:'Cinzel', serif; font-weight:normal; color:#2f4170; padding:30px 0 5px 0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{font-weight:normal; line-height:120%; color:blue;}

h1 {font-size:60px; padding:30px 0 5px 0;}
h2 {font-size:40px; padding:30px 0 5px 0;}
h3 {font-size:35px;}
h4 {font-size:30px;}
h5 {font-size:25px;}
h6 {font-size:20px; padding:20px 0 5px 0 !important;}

h4.bullet {
	background-color:transparent;
	background-image:url(https://danielaforschools.com/wp-content/uploads/apple-bullet.png);
	background-position:left 10px;
	background-size:50px;
	background-repeat:no-repeat;
	margin-left:-50px;
	padding:30px 0 5px 50px;
}

/* HOMEPAGE */
div.homepage {display:flex;}
/* COLUMNS 50-50 */
div.homepage.col5050 div.column1 {width:50%;}
div.homepage.col5050 div.column2 {width:50%;}
/* COLUMNS 60-40 */
div.homepage.col6040 div.column1 {width:60%;}
div.homepage.col6040 div.column2 {width:40%;}
/* COLUMNS 70-30 */
div.homepage.col7030 div.column1 {width:70%;}
div.homepage.col7030 div.column2 {width:30%;}
/* IMG STYLES */
div.homepage img {width:100%; padding:0; margin:20px 0 0 0;}
div.homepage img.headshot {border-bottom:0px solid green;}
img.columnlogo {padding:20px 0 !important; width:70% !important;}

/* COLUMN PADDING */
div.homepage div.column1, div.homepage div.column2 {padding:40px 5%;}
div.homepage div.column1.nopad, div.homepage div.column2.nopad {padding:0 !important;}

/* BORDER STYLES */
.top {border-top:1px solid #2f4170;}
.bottom {border-bottom:1px solid #2f4170;}
.left {border-left:1px solid #2f4170;}
.right {border-right:1px dotted #2f4170;}

/* FOOTER CUSTOMIZATIONS */
footer#main-footer {background-color:transparent !important;}
div#footer-bottom {background-color:green; display:none;}
div.footer-custom {border-top:1px solid #2f4170; background-color:transparent; color:#2f4170; text-align:center; padding:20px 0;}
div.footer-custom ul.footer-contact {border:0px dotted red;}
div.footer-custom ul.footer-contact li {display:inline-block; font-family:'Open Sans', serif; font-size:18px; margin:0 10px; border:0px dotted purple;}
div.footer-custom ul.footer-contact li a {color:#2f4170; text-decoration:none;}
div.footer-custom ul.footer-contact li a:hover {color:#ff0000; text-decoration:underline;}
div.footer-custom div.disclaimer {width:100%; padding:20px 20%;}
div.footer-custom div.disclaimer p {display:inline-block; border:1px solid #2f4170; color:#2f4170; line-height:110%; font-size:14px; padding:10px;}
					
/* comments fix */
#comment-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}


/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	
/* RESPONSIVE CLASSES */
.onlydesktop {display:none !important;}
.onlymobile {display:block !important;}
	
/* HOMEPAGE MOBILE */
div.homepage {display:block !important;}
/* COLUMNS MOBILE */
div.homepage.col5050 div.column1, div.homepage.col6040 div.column1, div.homepage.col7030 div.column1,
div.homepage.col5050 div.column2, div.homepage.col6040 div.column2, div.homepage.col7030 div.column2
{width:95%;}
/* IMG STYLES MOBILE */
img.columnlogo {padding:20px 0 !important; width:100% !important;}
/* COLUMN PADDING MOBILE */
div.homepage div.column1, div.homepage div.column2 {padding:20px 3%;}
	
	
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {
	#comment-wrap {
		max-width: 690px;
	}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {
	#comment-wrap {
		max-width: 400px;
	}
}

/*-------------------[479px]------------------*/
@media only screen and ( max-width: 479px ) {
	#comment-wrap {
		max-width: 450px;
	}
}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
	#comment-wrap {
		max-width: 274px;
	}
}