/*
 Theme Name:     Divi - Career Navideer
 Template:       Divi
*/
/* Fonts */
body {
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, .nav {
	font-family: futura-pt, Arial, Helvetica, sans-serif;
	font-weight: 500;
}

/* Header and Nav Design */
#et-top-navigation {
	float: left;
	padding-left: 0 !important;
}
/* Fix Nav Padding */
.et_header_style_left #et-top-navigation {
    padding-top: 0;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-top: 33px;
}
#top-menu .menu-item-has-children>a:first-child:after {
    top: 40%;
}
@media (min-width: 981px) {
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 0;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
    padding-top: 20px;
}
.et_header_style_left .et-fixed-header #top-menu .menu-item-has-children>a:first-child:after {
    top: 35%;
}
}
/* Fix Active Link on Fixed Nav */
@media only screen and (min-width: 981px) {
.et-fixed-header #et-top-navigation #top-menu li.current-menu-ancestor>a, 
.et-fixed-header #et-top-navigation #top-menu li.current-menu-item>a {
    color: #ffffff!important;
}
}
/* Nav Sub-Menu Fix */
.nav li ul {
    top: 100%;
}
/* Adjust Sub-Menu Padding */
#top-menu li li {
    padding: 0 10px;
}
#top-menu li li a {
    width: 220px;
}
/* Top Bar Moved To Right Side */
#et-secondary-menu>ul>li a {
    font-size: 30px;
    color: #fff;
	padding: 25px 0;
}
@media only screen and (min-width: 981px) {
.et-fixed-header #et-secondary-menu>ul>li a {
 	padding: 12px 0;
}
}

/* right align social icons menu */
.et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: flex-end;
}

/* center menu icon on mobile */
@media only screen and (max-width: 980px) {
.et-db #et-boc .et-l .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__wrap, 
.et-db #et-boc .et-l .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: center;
}
}

/* left align menus */
@media only screen and (min-width: 981px) {
.et_pb_menu--style-inline_centered_logo .et_pb_menu__wrap {
    justify-content: flex-end;
}
}

/* make mobile menu button bolder */
.et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar:before {
	font-weight: bold;
}

/* keep social menu on mobile */
.et_pb_menu.social-icons-menu .et_pb_menu__menu {
	display:block!important;
}
.et_pb_menu.social-icons-menu .et_mobile_nav_menu { 
	display: none!important;
}



/* TM Symbol */
.ll_reg {
	font-size: .75em !important;
	line-height: 1.25em;
	vertical-align: top;
}
p .ll_reg {
	line-height: 1.8em;
}
.et-l--header .ll_reg {
	font-size: .9em !important;
	line-height: 2.5em;
}
.footer-info .ll_reg {
	line-height: 1.8em;
}





/* Full Height Sections */
.full-height-section {
	min-height: calc(100vh - 286px);
	display: flex;
	flex-direction: column;
}
.admin-bar .full-height-section {
	min-height: calc(100vh - 310px);
}





/* Footer Design */

/* Full Width Footer Bars */
@media (min-width: 981px) {
#main-footer .container {
    width: 100%;
    max-width: 100%;
    padding-right: 30px;
    padding-left: 30px;
}
}

/* Smaller Footer Bars */
.bottom-nav {
	padding: 10px 0;
}
#footer-bottom {
	padding: 5px;
}

/* Footer Nav Menus */
/* remove bar padding, adding link padding below */
.bottom-nav {
    padding: 0;
}
/* menu items */
.bottom-nav li {
	position: relative;
}
.bottom-nav a {
    padding: 10px 0;
    display: inline-block;
	position: relative;
}
/* submenu icon */
.bottom-nav .menu-item-has-children>a:first-child {
    padding-right: 20px;
}
.bottom-nav .menu-item-has-children>a:first-child:after {
    position: absolute;
    top: 18%;
    right: 0;
    font-family: ETmodules;
    font-size: 16px;
    font-weight: 800;
    content: "2";
}
/* submenu box */
.bottom-nav li ul {
    position: absolute;
	bottom: 100%;
    padding: 20px 0;
    visibility: hidden;
    z-index: 9999;
    width: 240px;
    border-bottom: 3px solid #6cb446;
    opacity: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    background-color: #06549c;
}
/* Adjust Sub-Menu Padding */
@media only screen and (min-width: 981px) {
#et-footer-nav .bottom-nav li li {
    padding: 0 10px;
}
#et-footer-nav .bottom-nav li li a {
    width: 220px;
}
}

/* submenu items */
.bottom-nav li li {
    position: relative;
    line-height: 2em;
    word-wrap: break-word;
    display: inline-block;
    padding-right: 22px;
    font-size: 14px;
    margin: 0;
    padding: 0 20px;
}
/* submenu links */
.bottom-nav li li a {
    width: 200px;
    padding: 6px 20px;
}
/* submenu activation */
@media (min-width: 981px) {
.bottom-nav li:hover>ul {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: visible;
    opacity: 1;
}
}

/* Right Align Copyright */
#footer-info {
	padding-bottom: 0;
	float: right;
}





/* Fade Page Out */
#main-content {
    /*position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    pointer-events: none;
    background: white;*/
    animation-duration: 300ms;
    animation-timing-function: ease-in-out;
}
#main-content {
	*opacity: 0.01;
}
@keyframes fade-out {
    from { opacity: 1 }
      to { opacity: 0.01 }
}
@keyframes fade-in {
    from { opacity: 0.01 }
      to { opacity: 1 }
}
#main-content.fade-out {
    opacity: 0.01;
    animation-name: fade-out;
}
#main-content.fade-in {
    opacity: 1;
    animation-name: fade-in;
}




/* Divi Customizer Fix */
#main-footer > .container {
	display: none !important;
}





/* fix pricing tables design without content */
.et_pb_pricing_content { display: none; }
.et_pb_pricing_table {
	  *margin: 0 -1px 0 0;
    padding-bottom: 0;
}
.et_pb_pricing_content_top {
    padding-bottom: 17px;
    border-bottom: 0 none;
}





/* contact form 7 divi design */
.wpcf7 label {
	display: none;
}
.et_pb_contact p textarea {
    height: 100px;
}
div.wpcf7-response-output {
    margin: .5em;
    padding: .2em 1em;
}  
.et_pb_contact_field {
    margin-bottom: 3%;
    padding: 0 0 0 3%;
    background-position: center;
    background-size: cover;
}
.et_pb_contact_field.et_pb_contact_field_last+.et_pb_contact_field.et_pb_contact_field_last {
    clear: both;
}
.wpcf7-submit { cursor: pointer; }




/* popup mobile */
.pum-container {
	max-width: 90% !important;
	*max-height: 90% !important;
	*overflow: hidden !important;
}
@media only screen and (max-height: 800px){
iframe { max-height: 640px; }
}
@media only screen and (max-height: 720px){
iframe { max-height: 550px; }
}
@media only screen and (max-height: 640px){
iframe { max-height: 480px; }
}
@media only screen and (max-height: 550px){
iframe { max-height: 360px; }
}
@media only screen and (max-height: 480px){
iframe { max-height: 320px; }
}





/*-----------------------------------------------*/
/*-------CSS Grid Blog Layout by Divi Soup-------*/
/*-----------------------------------------------*/

/*Blog layout settings, adjust these values only*/
:root {
    --ds-white: #ffffff; /*The background colour for the post content and text colour for the second and third post content*/
    --ds-grid-2-item: 300px; /*Minimum column width for second grid, decrease this value for more columns*/
    --ds-grid-gap: 30px; /*The gap between posts*/
    --ds-title-background: rgba(0, 0, 0, .5); /*The background colour of the titles on the second and third posts*/
}

/******************************************************/
/*You should not need to edit anything below this line*/
/******************************************************/

/*Set posts to flex and remove post margin*/
.ds-grid-blog .et_pb_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

/*Set flex direction for second grid*/
.ds-grid-blog-2 .et_pb_post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*Set post content to flex*/
.ds-grid-blog-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--ds-white);
}

/*Remove image margin and resize for responsiveness*/
.ds-grid-blog .entry-featured-image-url {
    margin-bottom: 0;
    height: 100%;
    width: auto;
}
.ds-grid-blog .et_pb_post a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*Reset the read more link display*/
.ds-grid-blog a.more-link {
    display: initial;
}

/*Add margin to excerpt*/
.ds-grid-blog .post-content p {
    margin-bottom: 20px;
}

/*Pagination placement*/
.ds-grid-blog .pagination {
    grid-column: 1/-1;
}

/*Set the grid for the first 3 posts*/
.ds-grid-blog-1 .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--ds-grid-gap);
}

/*Set the grid for the remaining posts*/
.ds-grid-blog-2 .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--ds-grid-2-item), 1fr));
    grid-gap: var(--ds-grid-gap);
}

/*First grid first post placement*/
.ds-grid-blog-1 .et_pb_post:first-child {
    grid-column: 1 / -1;
}

/*First grid second post placement*/
.ds-grid-blog-1 .et_pb_post:nth-child(2) {
    grid-column: 1 / 2;
}

/*First grid third post placement*/
.ds-grid-blog-1 .et_pb_post:nth-child(3) {
    grid-column: 2 / 3;
}

/*First post content*/
.ds-grid-blog-1 .et_pb_post:first-child .ds-grid-blog-content {
    width: 60%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*Position and colour for second & third posts*/
.ds-grid-blog-1 .et_pb_post:nth-child(n+2) .ds-grid-blog-content {
    background: var(--ds-title-background);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    text-align: center;
}

/*Text colour for second & third posts*/
.ds-grid-blog-1 .et_pb_post:nth-child(n+2) .entry-title,
.ds-grid-blog-1 .et_pb_post:nth-child(n+2) .post-meta,
.ds-grid-blog-1 .et_pb_post:nth-child(n+2) .post-meta a {
    color: var(--ds-white) !important;
}

/*Font size for second & third posts*/
.ds-grid-blog-1 .et_pb_post:nth-child(n+2) .entry-title {
    font-size: 150% !important;
}

/*Hide excerpt for second & third posts and second grid posts*/
.ds-grid-blog-1 .et_pb_post:nth-child(n+2) .post-content,
.ds-grid-blog-2 .et_pb_post .post-content p {
    display: none;
}

/*Remaining posts display*/
.ds-grid-blog-2 .et_pb_post .ds-grid-blog-content {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

/*Set margin for remaining posts*/
.ds-grid-blog-2 .et_pb_post .entry-title {
    margin-bottom: 30px;
}


/*Keep read more link at bottom*/
.ds-grid-blog-2 .et_pb_post .post-content {
    margin-top: auto;
}

/*Adjust for mobile*/
@media all and (max-width:980px) {
    .ds-grid-blog-1 .et_pb_post:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ds-grid-blog-1 .et_pb_post:first-child .ds-grid-blog-content {
        width: 100%;
    }
    .ds-grid-blog-1 .et_pb_post {
        grid-column: 1 / -1 !important;
    }
}

/*-----------------------------------------------*/
/*-----End CSS Grid Blog Layout by Divi Soup-----*/
/*-----------------------------------------------*/