@charset "utf-8";
/* CSS Document */
/*
 Theme Name:   Divi Child
 Theme URI:    n.a.
 Description:  Child theme for Divi
 Author:       Richard Crouse
 Author URI:   http://example.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/


/*----------------------------------------------------------------*/
                                                                
/*   CSS tricks   
                                                                
/*----------------------------------------------------------------*/

/*---------------  Add transparent triangle to bottom of home header  -----------------------*/

.rsc-section-with-bottom-triangle {
}


#et-main-area { overflow: hidden;
} /* Hides all the items that float over the right margin */
 
.rsc-section-with-bottom-triangle:after,.rsc-section-with-bottom-triangle:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    border-bottom: 40px solid #fff;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);
}
 
.rsc-section-with-bottom-triangle:before{
    right:50%;
    border-right:95px solid transparent;
    border-left:1000px solid;
}
 
.rsc-section-with-bottom-triangle:after{
    left:50%;
    border-left:95px solid transparent;
    border-right:1000px solid;
}

/*--------- Make Menu Down-Arrow Twirl ---------------------------*/

#top-menu li > a:after {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#top-menu li:hover > a:after {
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}


/*--------- Triangle at top or bottom of section ---------------------------*/

.row_triangle.triangle_bkg {
    z-index: 100;
}

.row_triangle_top {
    border-bottom: 0 none;
    border-top: 18px solid transparent;
    top: 0;
}

.row_triangle {
    border-left: 55px solid transparent !important;
    border-right: 55px solid transparent !important;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0px);
    width: 0;
}

.row_triangle_bottom {
    border-bottom: 18px solid transparent;
    border-top: 0 none;
    bottom: 0;
}



/*------------  Short underline for title  ------------------*/

.underline-title hr {
    border-color: #694BDC;
    border-width: 2px;
    width: 10%;
	margin-bottom: 30px;
}

.underline-title-white hr {
    border-color: #ffffff;
    border-width: 2px;
    width: 10%;
	margin-bottom: 30px;
}

.underline-title-dark hr {
    border-color: #333;
    border-width: 2px;
    width: 10%;
	margin-bottom: 30px;
}

.underline-title-wider hr {
    border-color: #694BDC;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

.underline-title-white-wider hr {
    border-color: #ffffff;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

.underline-title-red-wider hr {
    border-color: #990000;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

.underline-title-green-wider hr {
    border-color: #339900;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

.underline-title-blue-wider hr {
    border-color: #3366FF;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

.underline-title-orange-wider hr {
    border-color: #FF9900;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

.underline-title-brown-wider hr {
    border-color: #996600;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

.underline-title-dark-wider hr {
    border-color: #333;
    border-width: 2px;
    width: 20%;
	margin-bottom: 30px;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
hr {
    box-sizing: content-box;
    height: 0;
}

/*------------  Section using arrow  ------------------*/

#section-with-top-arrow {
	padding-top:0;
}



/*------------  Top border on section  ------------------*/

#section-with-top-border {
	border-top: 1px solid #777;
}



/*-------------------------  End of CSS Tricks  ------------------------------*/

/*----------------------------------------------------------------*/
                                                                
/*   CSS for desktop   
                                                                
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
                                                                
/*   Main navbar  
                                                                
/*----------------------------------------------------------------*/

#main-header .container {
	max-width:none!important;
}

.et_fixed_nav #main-header, .et_fixed_nav #top-header {
    padding-bottom: 4px;
}

/* Add button to main navbar */

.nav-tud-questionnaire {
	border-radius: 0px;
}
.nav-tud-questionnaire a {
	color: #fff!important;
}
li.nav-tud-questionnaire {
   	background-color:#F99A1D!important; 
	font-weight: 700; 
	text-align: center; 
	padding: 11px 20px!important;
	border-radius: 3px;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
li.nav-tud-questionnaire:hover {
	background-color:#FFB033!important;
	padding: 11px 20px!important;
}

.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a {
    color: #fff !important;
}
 
/* fixed header button text color */

.et-fixed-header #top-menu .nav-tud-questionnaire a {
	color: #fff!important;
}
.nav-tud-questionnaire li.current-menu-ancestor > a, .nav-tud-questionnaire li.current-menu-item > a {
	color: #fff !important;
}
 
@media only screen and (min-width : 981px) {
	
	li.nav-tud-questionnaire {
		height: 36px;
}

}
@media only screen and (max-width : 480px) {

.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 70%;
}

#eap-top-section {
	padding-top:0;
}

#eap-top-section .et_pb_row, #eap-top-section .et_pb_column .et_pb_row_inner {
    padding-bottom: 0;
}

#eap-top-header-cta .et_pb_column {
    margin-bottom: 0;
}

#row-of-books {
    padding-bottom: 0!important;
	padding-top: 0!important;
}

#eap-call-to-action-text  {
    font-size: 23px;
    line-height: 1.5;
    max-width: 100%;
	padding-bottom:0;
	margin-bottom:0;
}

#eap-call-to-action-text {
    line-height: 1.6em !important;
}

.button-begin-resume .et_pb_button_0, .button-begin-resume .et_pb_button_1 {
	font-size:23px !important;
	line-height:1.2;
}

}

/*----------------  Main navbar menu  -----------------------*/

#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {
    color: #f5b201;
    opacity: 0.7;
    transition: all 0.4s ease-in-out 0s;
}


/*----------------------------------------------------------------*/
                                                                
/*   Basic Tags  
                                                                
/*----------------------------------------------------------------*/

h1  {
 
}

h2 {
    font-family: "Roboto",Helvetica,Arial,Lucida,sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 1.3;
	color: #3c748b;
}

h3 {
	font-family: "Roboto",Helvetica,Arial,Lucida,sans-serif;
    font-size: 36px;
    font-weight: 400;
}

p {

}



./eap-left-one-column-text p {
	font-size: 18px;
	line-height: 1.6;
}


#main-header {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid #000;
}

/*----------------------------------------------------------------*/
                                                                
/*   Footer  
                                                                
/*----------------------------------------------------------------*/

#footer-info {
    float: none;
	text-align:center;
}

#tud-footer-content {
    max-width: 320px;
    text-align: left;
    margin: 0px ; /*auto centers the container */
}
/*CSS3 multiple columns.*/
/* Get em size for colums: 184/16 */   
.tud-footer-columns {   
    -moz-column-width: 8em; /* Firefox */
    -webkit-column-width: 8em; /* webkit, Safari, Chrome */
    column-width: 8em;
}

.tud-footer-columns li a {   
    color: #fff;
}

.tud-footer-columns li a:hover {   
    color: #777;
	transition: all 0.2s ease 0s;
}

/*remove standard list and bullet formatting from ul*/
.tud-footer-columns ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.tud-footer-columns ul li:first-child {
    margin-top:0px;
}

/* Don't show bottom default footer with social badges at very bottom */

.et-social-icons {
    display: none;
}

/*----------------  Style social badges  --------------*/

./et_pb_social_media_follow li a.icon::before {
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
}

.et_pb_social_media_follow li a.icon::before {
    font-size: 30px;
}

                                                        
/*----------------------------------------------------------------*/
                                                                
/*   Home page  
                                                                
/*----------------------------------------------------------------*/

#header-with-doctor .et_pb_column_0 {
	padding-top:12%;
	padding-left:20%;
}


#logo {
	margin-top:10px
}


/*----------------  Create account button  ---------------------*/
.button-begin-resume .et_pb_button {
	padding-top:20px !important;
	padding-bottom:20px !important;
    text-align: center;
    width: 90%;
	min-width:300px;
	margin-bottom:10px!important;
}
.button-begin-resume .et_pb_button:hover {
	padding-top:20px !important;
	padding-bottom:20px !important;
    text-align: center;
    width: 90%;
	min-width:300px;
	margin-bottom:10px!important;
}

@media only screen and (max-width:481px) {
	
.button-begin-resume .et_pb_button {
	min-width:auto!important;
	width: 95%!important;
}
.button-begin-resume .et_pb_button:hover {
	min-width:auto!important;
	width: 95%!important;
}
	
	
}



/*----------------  Remove mismatched padding in What is TuD? section  ---------------------*/

.et_pb_promo {
    padding: 40px 0;
}

/*----------------------------------------------------------------*/
                                                                
/*   Styles ONLY for desktop screens (not applied below tablet width)  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (min-width:980px) {
	
	
	
}


/*----------------------------------------------------------------*/
                                                                
/*   Browser below 1630 
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:1631px) {

#header-with-doctor .et_pb_column_0 {
	padding-top:12%;
	padding-left:10%;
}

}


/*----------------------------------------------------------------*/
                                                                
/*   Browser below 980 
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:991px) {

#header-with-doctor .et_pb_column_0 {
	padding-top:12%;
	padding-left:5%;
	max-width: 80%;
}


/*----------------------------------------------------------------*/
                                                                
/*   Styles below 800  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:800px) {


#row-with-jacob-and-media  {
    padding-bottom: 0!important;
}


}

/*----------------------------------------------------------------*/
                                                                
/*   Styles for above 480 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (min-width:480px) {

}

/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 480 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:481px) {
	

#header-with-doctor .et_pb_column_0 {
	padding-top:none;
	padding-left:none;;
	max-width: 100%;
}

#header-with-doctor .et_pb_row_inner {
    padding: 0!important;
}
	
}

/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 1460 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:1460px) {

/*-------------- Remove space at left of What Is Tud? column ------------------*/

#what-is-tud-2-column {
	padding: 54px 2% 5% 5%;
}
}

/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 1260 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:1260px) {

/*-------------- Create account button ------------------*/
                                                                
#button-create-account .et_pb_button {
	padding-top:20px !important;
	padding-bottom:20px !important;
    text-align: center;
    width: 100%;
}

.login-titles {
	font-size: 28px!important; 
}

}

/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 1080 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (min-width:930px) and (max-width:1080px) {


}


/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 1012 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:1012px) {

/*-------------- Create account button ------------------*/
                                                                
#button-create-account .et_pb_button {
	font-size: 1.5em!important; 
}

.login-titles {
	font-size: 24px!important; 
}

}



/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 980 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:980px) {


}

/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 800 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:801px) {
	
#pic-of-jacob-sitting {
	max-width:480px;
	margin:auto!important;	
}



/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 480 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:480px) {
	
h2 {
    font-size: 36px;
    margin-bottom: 10px;
}


}

/*----------------------------------------------------------------*/
                                                                
/*   Styles for below 320 wide  
                                                                
/*----------------------------------------------------------------*/

@media only screen and (max-width:480px) {
	
.et_pb_text_7 {
    font-size: 20px !important;
}

}