/* 
 Theme Name:     SDMBuild
 Author:         Colin Falcon
 Author URI:     http://www.simplydesign.me
 Template:       Divi
 Version:        1.0
*/

/*------------- DO NOT EDIT ABOVE THIS LINE ---------------------------*/

/**************[LOGO]******************/
#logo {
-webkit-transform:none;
}

/*************[NAVIGATION]*************/

/*[Underline current menu item]*/
.current-menu-item a {color: #ffffff !important; border-bottom: 3px solid #ffffff!important; padding-bottom: 12px !important}
#top-menu-nav .et-fixed-header .current-menu-item a {color: #ffffff !important; border-bottom: 3px solid #ffffff!important; padding-bottom: 12px !important}

/***[change scroll to top icon colour]***/
.et_pb_scroll_top.et-pb-icon {
background: rgba(247,197,90,0.5)!important;
}

/*-----Slim Horizontal Submenus-----*/
.nav li ul {
    visibility: hidden;
    z-index: 9999;
    position: fixed;
    width: 100vw;
    left: 0;
    padding: 0;
    text-align: center !important;
    border: none;
    background: #7bc5f7;
    box-shadow: none;
}
.nav li.et-reverse-direction-nav li ul {
    right: 0;
    top: auto;
    background: #bae1fc;
}
#top-menu li li a {
    width: 100%;
}

/* Mobile-Menu Replace Hamburger Icon with Menu*/
    .mobile_menu_bar:before {
    content: "Menu"!important;
    text-transform: uppercase; 
    display: block;
        position: centre;
        font-family: 'Raleway'!important;
        font-size: 20px;
        font-weight:600;
        color:white;
        border-radius: 4px;
        padding: 4px 6px; }
		/*** HIDE MOBILE MENU ON IPAD ***/
/*[show desktop menu on ipad in Portrait]*/

 @media only screen and (max-width: 767px) {
     #logo {display:none;}
    }
@media only screen and (max-width:767px) and (min-width:481px){
.et_header_style_split #et-top-navigation {top: 5vh;}
#home-fader .header-content {width:80%!important;}
.header-content a.et_pb_button {
   width: 30%!important;
   font-weight: 600!important;
}
}
@media only screen and (max-width:480px){
	#home-fader .header-content {width:90%!important;}

.scroll-down.et-pb-icon {
	display:none!important;
}
}

/******[Logo Fade In]********/
#home-fader .header-content img{
-webkit-animation:fadeIn 4s;
-moz-animation:fadeIn 4s;
animation: fadeIn 4s;
}
/*******[Set Homepage Button Width]********/
.header-content a.et_pb_button {
   width: 20%;
   font-weight: 600!important;
}
/*****[Dark Header Content Background]****/
.header-content {
    width: 50%!important;
    max-width: 600px;
    margin: 20px auto;
    /*border: 7px solid rgba(255,255,255,0.39);*/
}
.et_pb_fullwidth_header .header-content {
    padding: 20px 0;
    text-align: center;
    background-color: rgba(255,255,255,0);
}
/****[Remove Homepage Overlay]*******/
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_overlay {
    background-color: transparent!important;
}

@media only screen and (max-width:767px) and (min-width:481px){
	
/**[Align Mobile menu in centre]**/
.et_header_style_left #et-top-navigation {
    float: none!important;
    margin-left: 42% !important;
    margin-right: auto !important;
}
#et_search_icon {display:none!important;}
#footer-info, #footer-info a {
    font-size: 10px;
}
}
@media only screen and (max-width:480px){

	#et_search_icon {display:none!important;}
}
	

/***[Switch column order on mobile]***/
@media only screen and ( max-width: 980px ) {
.flip { 
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: flex;
flex-direction: column-reverse !important;}
}
/***[Change header image on mobile]***/
/*@media only screen and (max-width:480px){
.et_pb_fullwidth_header_0.et_pb_fullwidth_header {
    background-image: url(http://www.menvcity.org.uk/opp/wp-content/uploads/sites/24/2016/04/IMG_0994-web.jpg)!important;
}
.et_pb_column_10 {
    background-image: url(http://www.menvcity.org.uk/opp/wp-content/uploads/sites/24/2016/04/IMG_0002-960x640.jpg)!important;
}
}*/
/***[Change header content and button width]***/
@media only screen and (max-width:480px){
.select_page {display:none!important;}
.et_header_style_split #et_mobile_nav_menu {
    top: 1vh;
    padding-bottom: 5vh;
}
.et_header_style_split #main-header .mobile_nav {
    background-color: rgba(0, 0, 0, 0);
}
.et_header_style_split .mobile_menu_bar {
    right: 35vw;
    margin: 0 auto!important;
}
.header-content{
width:80%!important;
}
.header-content img{
width:80%!important;
}
.header-content a.et_pb_button {
    width: 80%;
    font-size: 18px!important;
}
.et_pb_button_two {
	margin-left:0!important;
}
.header-content h1{
font-size:20px;
padding-left:2vw;
padding-right:2vw;
}
#footer-info, #footer-info a {
    font-size: 11px;
}
}
@media only screen and (max-width:375px) and (min-width:320px){
	.et_header_style_split .mobile_menu_bar {
    right: 30vw;
    margin: 0 auto!important;
}
}
/**[Bouncing More icon]**/
 
@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
span.scroll-down.et-pb-icon { 
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/**[align buttons on mobile]**/
@media only screen and (max-width:480px){
a.et_pb_more_button.et_pb_button.et_pb_button_one{
margin: 0 auto;}
span.scroll-down.et-pb-icon {font-size:30px!important;}
}
/**[shrink header image on mobile in landscape]**/
@media only screen and (max-width:767px) and (min-width:481px){
span.scroll-down.et-pb-icon {display:none!important;} /*hide scroll icon on mobiles in landscape*/
.header-content img {
    width: 80%;
    margin-top:-5%;
    margin-bottom:-5%;
}
a.et_pb_more_button.et_pb_button.et_pb_button_one {
font-size:16px!important;}
a.et_pb_more_button.et_pb_button.et_pb_button_two {
font-size:16px!important;}

}

/***************[Contact Section]********************/
/**[Heading padding]**/
.carrot {
padding-top:2vh;
padding-bottom:1.5vh;
}
@media only screen and (min-width:981px){
.find-us p {
font-size: 18px;
}
}
/**[Add carrot]**/
.arrow_box1 {
	position: relative;
	background:  #8cc63f;
	border: 2px solid #8cc63f;
    border-radius: 10px 10px 0 0;
}
.arrow_box1:after, .arrow_box1:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box1:after {
	border-color: rgba(140, 198, 63, 0);
	border-top-color: #8cc63f;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box1:before {
	border-color: rgba(140, 198, 63, 0);
	border-top-color: #8cc63f;
	border-width: 23px;
	margin-left: -23px;
}
.arrow_box2 {
	position: relative;
	background: #8cc63f;
	border: 2px solid #8cc63f;
    border-radius: 10px 10px 0 0;
}
.arrow_box2:after, .arrow_box2:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box2:after {
	border-color: rgba(140,198,63,0);
	border-top-color: #8cc63f;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box2:before {
	border-color: rgba(140,198,63,0);
	border-top-color: #8cc63f;
	border-width: 23px;
	margin-left: -23px;
}
.arrow_box3 {
	position: relative;
	background: #8cc63f;
	border: 2px solid #8cc63f;
    border-radius: 10px 10px 0 0;
}
.arrow_box3:after, .arrow_box3:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box3:after {
	border-color: rgba(140,198,63,0);
	border-top-color: #8cc63f;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box3:before {
	border-color: rgba(140,198,63,0);
	border-top-color: #8cc63f;
	border-width: 23px;
	margin-left: -23px;
}
/*********************[FOOTER]*********************/
/*Footer Info*/
#footer-info {
    float: none!important;
    text-align: center!important;
}

/************[blurb styling]***********/
/*[blurb arrows]*/
@media (min-width: 1024px) {
#ablurb{
overflow:visible;
}
/**[Light green centre dark green right arrow]**/ 
.arrow_right {
	position: relative;
	background: #dfeff1;
	border: 2px solid #037391;
        border-radius: 20px 0 0 20px;
}
.arrow_right:after, .arrow_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_right:after {
	border-color: rgba(191, 223, 226, 0);
	border-left-color: #dfeff1;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_right:before {
	border-color: rgba(3, 115, 145, 0);
	border-left-color: #037391;
	border-width: 33px;
	margin-top: -33px;
}


/**[Mid green center dark green bottom arrow]**/
.arrow_bottom {
	position: relative;
	background: #7ebec5;
	border: 2px solid #037391;
        border-radius: 20px 20px 0 0;
}
.arrow_bottom:after, .arrow_bottom:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_bottom:after {
	border-color: rgba(126, 190, 197, 0);
	border-top-color: #7ebec5;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_bottom:before {
	border-color: rgba(3, 115, 145, 0);
	border-top-color: #037391;
	border-width: 33px;
	margin-left: -33px;
}

/**[Dark green centre light green left arrow]**/
.arrow_left {
	position: relative;
	background: #037391;
	border: 2px solid #bfdfe2;
        border-radius: 0 20px 20px 0;
}
.arrow_left:after, .arrow_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_left:after {
	border-color: rgba(3, 115, 145, 0);
	border-right-color: #037391;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_left:before {
	border-color: rgba(191, 223, 226, 0);
	border-right-color: #bfdfe2;
	border-width: 33px;
	margin-top: -33px;
}
}
/*********************************************************************
********************** FLIP CARD HORIZONTAL **********************
*********************************************************************/

.flip_panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    display: block;
    transform-style: preserve-3d;
}

.flip_panel .front, .flip_panel .back {
    text-align: center;
}

.flip_panel .front {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel.flip .front {
    z-index: 99;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flip_panel.flip .back {
    z-index: 100;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

/*** Flip Card Front box ****/
.flip_box_front {
    background-color: #dfeff1!important;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 15px;
    border: 1px solid transparent!important;
border-radius: 20px 0 0 20px!important;
}

/*** Flip Card Back box ****/
.flip_box_back {
    background-color: #dfeff1!important;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 35px 15px 20px 15px;
    border: 1px solid transparent!important;
border-radius: 20px 0 0 20px!important;
}

/*** Button Learn More ****/
.flip_button {
    display: inline-block;
    margin: 8% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #598edb;
}

/*** Button Learn More color Text ****/
.flip_button a {
    color: #fff ;
}

/*** Title Flip Card ****/
.flip_title {
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.15em ;
    display: block;
    font-weight: bold;
}

/*** Icon Flip Card ****/
.flip_icon {
    display: inline-block;
    font-size: 3em;
    margin: 0 auto 7% auto;
    border: 3px solid #ddd;
    text-align: center;
    padding: 26px;
    border-radius: 50%;
}

.text_flip_card {
    padding: 0 7%;
}
/*********************************************************************
********************** FLIP CARD VERTICAL *************************
*********************************************************************/

.flip_panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    display: block;
    transform-style: preserve-3d;
}

.flip_panel .front, .flip_panel .back {
    text-align: center;
}

.flip_panel .front {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel.flip .front {
    z-index: 99;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
}

.flip_panel.flip .back {
    z-index: 100;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}

/*** Flip Card Front box ****/
.flip_box_front {
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 15px;
    border: 2px solid #ddd;
}

/*** Flip Card Back box ****/
.flip_box_back {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 35px 15px 20px 15px;
    border: 2px solid #ddd;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

/*** Button Learn More ****/
.flip_button {
    display: inline-block;
    margin: 8% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #598edb;
}

/*** Button Learn More color Text ****/
.flip_button a {
    color: #fff ;
}

/*** Title Flip Card ****/
.flip_title {
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.15em ;
    display: block;
    font-weight: bold;
}

/*** Icon Flip Card ****/
.flip_icon {
    display: inline-block;
    font-size: 3em;
    margin: 0 auto 7% auto;
    border: 3px solid #ddd;
    text-align: center;
    padding: 26px;
    border-radius: 50%;
}

.text_flip_card {
    padding: 0 7%;
}

/*****[Maps]*****/
#wpgmza_map_1 {
height:800px!important;
}