/* 
 Theme Name:     ACHENA
 Author:         Custom theme for ACHENA built on top of Divi
 Author URI:     http://www.achna.org 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
table tr {vertical-align:top}
#main-header .nav li ul .current-menu-item a {
    color: white;
}
body .et_pb_team_member_description {
	display: block;}
#main-header .widget_search {position:relative}
#main-header .widget_search input#searchsubmit.ds-icon-search {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
#resources h2 {padding-top:60px!important;margin-top:0!important}
.step {
    width: 60%;
    /* background: #057887!important; */
    margin: 20px auto 80px;
    border-radius: 20px;
    padding: 20px;
    color: white;
    position: relative;
    background: #057887;
    background: -moz-linear-gradient(top, #057887 0%, #069fad 40%, #05abe0 100%);
    background: -webkit-linear-gradient(top, #057887 0%,#069fad 40%,#05abe0 100%);
    background: linear-gradient(to bottom, #057887 0%,#069fad 40%,#05abe0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057887', endColorstr='#05abe0',GradientType=0 );
}

.step span {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #06a6ca;
    padding-right: 10px;
    border-bottom: 1px solid #06a6ca;
    border-radius: 0px;
    padding-left: 10px;
    padding-top: 5px;
    border-radius: 10px 0 10px 0;
    background: #06a3bd;
}


.step p {
    padding: 20px;
    text-align: center;
}

.step:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #05aade;
	border-width: 30px;
	margin-left: -30px;
}

.step.five:after {border-width:0;margin-left:0;border-color:transparent}

h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
    margin-bottom: 14px;
}
.et_pb_text ol, .et_pb_text ul {
    padding-bottom: 1em;
    margin-left: 30px;
}

.et_pb_text li {
    margin-bottom: 10px;
}

h4 em {font-size:14px;}
body .et_pb_member_position {
    color: #000;
}

#main-header .widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
}

.et_pb_row.et_pb_row_fullwidth {
    width: 100%!important;
    max-width: 100%!important;
} 
.et_fullwidth_nav #main-header .container{padding-left:0;padding-right:0}
.logo_container {max-width: 1000px;
    margin: 0 auto;
	text-align: center;}

#main-header .container {max-width:100%;}

 .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container,
.et-fixed-header p.tagline,
.et-fixed-header .donate {display:none}
.et_header_style_centered #main-header.et-fixed-header div#et-top-navigation{margin-top:0}
.et-fixed-header #top-menu li {
    padding-right: 22px;
}
.et-fixed-header .logo_container img#logo {float: none;
    margin: 20px auto;
    text-align: center;}
.donate {float:right;margin-top:80px;width:240px}

#top-menu li {padding-right:50px}
.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {top:77%;}

.page-id-18 #text-3 {display:none!important}
.tablepress-scroll-wrapper:before{content:"Please scroll to the right to see complete table information →";font-size: 18px;
    font-style: italic;
    margin: 10px 0;color:#810004;
    display: block;}
/*********************************************************************
********************** FLIP CARD VERTICAL *************************
*********************************************************************/
.et_pb_code_0,.et_pb_code_1,.et_pb_code_2 {border-radius:20px;}
h3.flip_title {color:#fff!important}
.flip_box_back h3.flip_title {color:#176ca9!important}
.flip_panel:hover {cursor:pointer;}
.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 {
	width:100%;
    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: 65px 15px 20px;
    border: 2px solid #ddd;
	border-radius:20px;
}

/*** Flip Card Back box ****/
.flip_box_back {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 65px 15px 20px;
    border: 2px solid #ddd;
	border-radius:20px;
}

/*** 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%;
}
@media only screen and (min-width : 1025px) {
    .logo_container img#logo {float:left;margin-right:20px;}
	.et_header_style_centered #main-header div#et-top-navigation{
     margin-top: 20px;
    background: #c0c0c0;
    padding-top: 20px;}

p.tagline {
    float: left;
    width: 260px;
	margin-top:70px;color:#000;
}}


@media only screen and (max-width : 1024px) {
   #top-menu li {
       padding-right: 33px;
    }
	
p.tagline {
       text-align: center;
    width: 260px;
    color: #000;
    margin: 0 auto 40px;
    font-size: 12px;
}
	.et_header_style_centered #logo {
    max-height: 140px;
}
	.donate {display:none}
	.et_header_style_centered header#main-header .logo_container {margin-bottom:100px}
}
@media only screen and (max-width : 600px){
	#main-header{background-image:none}
}