/*
Theme Name: My Divi Child Theme
Theme URI: https://www.manorpark.dorset.sch.uk
Version: 1.0
Description: A customized version of Divi which adds extra features - styles.
Author: Richard Keenan - Design Now
Author URI: https://www.design-now.co.uk
Template: Divi
*/

/*General*/
a, p a, a.more-link {
    border-bottom: 2px solid #f2c200;
	text-decoration:none;
	transition: all 0.5s;
	 -webkit-transition: all 0.5s;
}

a:hover, p a:hover, a:hover.more-link {
    border-bottom: 4px solid #f2c200;
	text-decoration:none;
}



#main-header a, .hmelink a, .et_pb_gallery_image a, .et_pb_image_container img, .et_pb_post a img, img a, a img {border-bottom: none!important;}


.hmepg h2 {background:#fff;}

.pgehed {height: 100vH;}

.pgehdbg {min-height: 500px;}

.pgehdbgst {min-height: 850px;}

.pgehdbgtu {min-height: 500px;}

.pgehdbgtu .et_parallax_bg {background-size: contain!important;}

/*.newspgehdbg {min-height: ---}*/

.colpad {padding-top: 12%;}

#top-menu li a {
font-family: 'Aldrich', Arial, sans-serif!important;
	font-size:18px!important;
	border-bottom: 0;
}

.mobile_menu_bar:before {
    font-size: 28px;
    content: "MENU";
    font-family: sans-serif!important;
}


#top-menu-nav > ul > li > a:hover {
	color: #292828;
}

h1, .page-title, .post-title {
font-family: 'Aldrich', Arial, sans-serif!important;
	font-size:60px!important;
}

.et_pb_text_0 h1 {
    color: #292828 !important;
    background: #f2c200;
    display: table-cell;
    padding: 8px;
}

h2 {
    font-size: 28px!important;
	color: #292828;
	line-height: 1.2em;
}

h3 {
    font-size: 24px!important;
	color: #292828;
}

h4 {
    font-size: 18px!important;
}

.et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title, .et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_item .et_pb_module_header, .et_pb_portfolio_item h2 {
    margin-top: 10px;
    display: none;
}

/*HEADER*/
.et_vertical_nav #main-header .container {
    margin: 0;
}

/*MENU*/

.et_vertical_nav #main-header #top-menu li a {
    margin-right: 0;
    padding-right: 0;
}
	
.nav a {
	 background-position: 0px -50px!important;
	 background: linear-gradient(to left, #f2c200 200px, #f2c200 200px);
	 background: -webkit-linear-gradient(to left, #f2c200 200px, #f2c200 200px);
  background-repeat: no-repeat;
	 transition: all 0.5s;
	 -webkit-transition: all 0.5s;
	 /*background-size: 400px 50px; - makes it hidden until hover*/
	    opacity: 1!important;
}

.nav a:hover,  .nav a:focus {
	background-position: 0px 0px!important;
	top: 0px;
	opacity: 1;
}

.et_vertical_nav.et_header_style_centered header#main-header #top-menu > li > a, .et_vertical_nav.et_header_style_centered header#main-header.et-fixed-header #top-menu > li > a {
    padding-bottom: 19px;
    padding-top: 19px;
}

#top-menu li.current-menu-item a {
	background: #f2c200;
}

.et-fixed-header #top-menu a:hover {
	color: #292828!important;
}

/*-------------------------*/

/*donate button*/

.back-top {
    margin: 0 auto;
    margin-bottom: .6em;
    text-align: center;
    width: 200px;
}

.back-top .arrow-up a {
    width: 200px;
    height: 200px;
    border: 8px solid #008BD2;
    padding: 40px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-image: linear-gradient(to bottom,
 transparent,
 transparent 50%,
 #008BD2 50%,
 #008BD2);
    background-position: 0 100%;
    background-size: 100% 200%;
    transition: all .25s ease-in;
}
.back-top .arrow-up a {
    text-decoration: none;
    display: inline-block;
    position: relative;
    bottom: 0;
    z-index: 10;
    color: inherit;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.back-top a:before {
    font-size: 2em;
    content: "Donate";
    font-weight: bold;
    font-family: inherit;
    color: #f2c200;
}

.back-top:hover .arrow-up a {
    background-position: 100% 0;
    bottom: 0;
}

.back-top:hover a:before {
font-size: 1.5em;    
content: "Read More & Donate";
font-family: inherit ;
color: #008BD2;
}

/*Read More*/

.back-top2 {
    margin: 0 auto;
    margin-bottom: .6em;
    text-align: center;
    width: 100px;
}

.back-top2 .arrow-up2 a {
    width: 100px;
    height: 100px;
    border: 8px solid #008BD2;
    padding: 25px;
   /* border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;*/
    background-image: linear-gradient(to bottom,
 transparent,
 transparent 50%,
 #008BD2 50%,
 #008BD2);
    background-position: 0 100%;
    background-size: 100% 200%;
    transition: all .25s ease-in;
}
.back-top2 .arrow-up2 a {
    text-decoration: none;
    display: inline-block;
    position: relative;
    bottom: 0;
    z-index: 10;
    color: inherit;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.back-top2 a:before {
    font-size: 5em;
    content: "?";
    font-weight: bold;
    font-family: inherit;
    color: #fff;
}

.back-top2:hover .arrow-up2 a {
    background-position: 100% 0;
    bottom: 0;
	padding-left: 5px !important;
}

.back-top2:hover a:before {
font-size: 5em;    
content: "\43";
font-family: ETmodules ;
color: #008BD2;

}

.midd {
	vertical-align:middle;
}

.tgglelink p a {
	color: #fff;
}

/*Contact Form*/

/*textarea, input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {border: 0 solid #292828;
}*/

label {color: #292828;}

span.wpcf7-list-item, form p {color: #292828;}


div.wpcf7-mail-sent-ok {
    border: 2px solid #f2c200;
	color: #f2c200;
}

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
    background-color: transparent;
    border: 2px solid #292828;
    font-size: 24px;
    color: #292828;
}

textarea {
	border: 2px solid #292828;
	    background-color: transparent;
	 font-size: 24px;
    color: #292828;
}

input[type=submit] {
background-image: linear-gradient(to bottom,
                                      transparent,
                                      transparent 50%,
                                      #f2c200 50%,
                                      #f2c200);
                   background-position: 0 100%;
    background-size: 100% 200%;
    transition: all .25s ease-in;  
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;         
	border:2px solid #f2c200;
	color:#fff;
}

input[type=submit] { 
	font-size: 24px;
	    margin-top: 20px;
}

input[type=submit]:hover {
    background-position: 100% 0;
    color: #005885;
	border:2px solid #005885;
}

span.comments-number a {display: none;}

/*FORM ENDS*/

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
div.grecaptcha-badge 
 {display:none;}

/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
.goog-class {display:none!important;}
.safeg {display:none!important;}
#footer-widgets img.alignleft {padding-bottom: 10px;}
}*/

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
	float: none !important;}

}
@media (max-width: 980px) {
	#main-header .container {width:100%; padding: 0 3%;}
	.pgehdbgtu .et_parallax_bg{background-size:cover!important}
}
/*ipad portrait*/
/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1100px) 
and (orientation : portrait) {
#main-header .container {}
}*/

/*IPAD landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1100px) 
and (orientation : landscape) {
input[type="text"], input[type="email"], textarea {width:400px!important;}
		.pgehdbgtu .et_parallax_bg{background-size:cover!important}
}

/*@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;}
}*/