/*
 Theme Name:     iLoF
 Theme URI:      https://www.ilof.tech/
 Description:    iLoF website
 Author:         Delta Soluções
 Author URI:     https://www.deltasolucoes.com/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

header#main-header {
    z-index: 300;
}

.et_pb_section_9.et_pb_section {
    z-index: 19;
}

/*** Remove color from active menu ***/
.current-menu-item a {
    color: rgba(0,0,0,.6) !important;
}

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

/*** Remove padding from footer contact section ***/
@media (max-width: 800px){
	.et_pb_column_25 {
   padding-right: 20px !important;
   padding-left: 20px !important;
}
} 

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/*MENU*/
#et-info-email:hover, #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et-social-icons a:hover {
    opacity: 1;
	color: #11579f; 
}

.current-menu-item a {
    color: #11579f !important;
}

/*APPLICATION PAGE*/
.text-application-problem-help i {
    margin-top: 2%;
}

/*ARCHIVE NEWS & PRESS*/
.flex-container-news {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
       
.flex-container-news>div {
    width: 31.3%;
    background-color: #fff;
    border: none;
    overflow: hidden;
    margin: 1% 1% 2%;
	border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px rgba(115,95,89,0.2);
    box-shadow: 0px 0px 5px rgba(115,95,89,0.2);
	transition: .5s;
}

.data-noticia {
    font-size: 14px;
}

.news-page-post-photo {
	background-size: cover;
    background-position: center;
    height: 15rem;
}

.news-archive-post-info {
	padding: 5% 6% 7%;
}

.news-content {
    padding-bottom: 5%;
    color: #333;
}

.news-archive-post-info h2 {
    font-size: 20px;
    line-height: 30px;
    text-transform: initial;
    color: #333;
	font-weight: bold;
}

.flex-container-news>div:hover {
	background-image: initial;
    background-color: transparent;
    transform: scaleX(1.03) scaleY(1.03)!important;
}

.press-info {
    color: #333;
}

/*ARCHIVE PUBLICATIONS*/
.flex-container-publications {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
       
.flex-container-publications>div {
	width: 100%;
    background-color: #fff;
    border: none;
    overflow: hidden;
    margin: 1% 1% 2%;
	border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px rgba(115,95,89,0.2);
    box-shadow: 0px 0px 5px rgba(115,95,89,0.2);
	transition: .5s;
}

.flex-container-publications>div:hover {
	background-image: initial;
    background-color: transparent;
    transform: scaleX(1.03) scaleY(1.03)!important;
}

.publications-archive-post-info {
    padding: 3% 4% 0%;
}

.publications-archive-post-info h2 {
    font-size: 20px;
    line-height: 30px;
    text-transform: initial;
    color: #11579f;
	font-weight: bold;
}

.publications-content {
    padding-bottom: 5%;
    color: #333;
	font-size: 16px;
}

.know-more-button {
    padding-top: 2%;
    font-size: 15px;
    font-weight: bold;
}

/*OUR STORY TIMELINE*/
.ds-timeline .timeline-item {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
padding: 0 0 50px;
position: relative;
}

.ds-timeline .timeline-item:after {
content: '';
position: absolute;
width: 3px;
height: 100%;
visibility: visible;
top: 0;
left: 0;
margin-left: -1.5px;
background-color: #11579f;
}

.ds-timeline .timeline-item .col-date {
position: relative;
padding-left: 40px;
}

.ds-timeline .timeline-item .col-date:before {
content: '';
position: absolute;
left: -18px;
top: 50%;
background-color: #11579f;
width: 26px;
height: 26px;
margin-top: -35px;
border: 5px solid #f4f4f4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

.ds-timeline .timeline-item .col-details {
padding-left: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; 
}

.ds-timeline .tm-date {
font-size: 18px;
}

.ds-timeline .tm-date h4 {
font-weight: 600;
font-size: 23px;
margin: 8px 0;
}

.ds-timeline .tm-video .et_pb_video_play {
font-size: 50px;
line-height: 56px;
margin: -28px auto auto -28px;
}

.ds-timeline .tm-video .et_pb_video_play:before {
content: '\45';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
display: inline-block;
width: 56px;
height: 56px;
top: 50%;
left: 50%;
border: 2px solid #fff;
background-color: rgba(255, 255, 255, 0);
color: #fff;
text-align: center;
}

.ds-timeline .tm-video:hover .et_pb_video_play:before {
background: #11579f;
border-color: #11579f;
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}

.ds-timeline .tm-desc {
padding: 30px;
background-color: #fff;
}

.ds-timeline .tm-title {
border-bottom: 2px solid #f4f4f4;
border-left: 3px solid #11579f;
background-color: #fff;
padding: 15px 30px;
}

.ds-timeline .tm-title h3 {
padding: 0;
line-height: 1.1;
font-weight: 600;
}

.ds-timeline .tm-countdown {
background-color: transparent !important;
padding: 0;
margin-bottom: 10px !important;
}

.ds-timeline .tm-countdown .et_pb_countdown_timer_container {
text-align: left;
display: flex;
}

.ds-timeline .tm-countdown .section.values {
width: auto;
max-width: 95px;
flex-grow: 1;
background-color: #fff;
color: #1d1c21;
padding: 12px 8px;
border-top: 3px solid #11579f;
margin-right: 10px;
}

.ds-timeline .tm-countdown .section.values:last-child {
margin-right: 0;
}

.ds-timeline .tm-countdown .section.values .value {
font-weight: 800;
font-size: 27px !important;
line-height: 1 !important;
}

.ds-timeline .tm-countdown .section.values .label {
text-transform: uppercase;
}

.ds-timeline .tm-countdown .section.sep {
display: none;
}

@media (min-width: 980px) {
.ds-timeline .timeline-item:after {
left: 50% !important;
}

.ds-timeline .timeline-item:first-child:after {
height: 50%;
top: 50%;
}

.ds-timeline .timeline-item:last-child:after {
height: 50%;
}

.ds-timeline .timeline-item.even {
flex-direction: row-reverse;
}

.ds-timeline .timeline-item.even .col-details {
padding-right: 40px;
padding-left: 0 !important;
}

.ds-timeline .timeline-item.odd .col-date {
padding-right: 40px;
padding-left: 0 !important;
}

.ds-timeline .timeline-item.odd .col-date:before {
left: auto;
right: -18px;
}

.ds-timeline .timeline-item.odd .et_pb_button_module_wrapper {
    text-align: right;
}

.ds-timeline .timeline-item.odd .tm-date  {
text-align: right;
}

.ds-timeline .timeline-item.odd .tm-countdown .et_pb_countdown_timer_container {
justify-content: flex-end;
}
}

/*iLoF Plataform*/
.title-footer .et_pb_text_9 {
    padding-top: 0!important;
    padding-bottom: 0!important;
    transition: transform 300ms ease 0ms!important;;
    -webkit-box-shadow: none!important;;
    box-shadow: none!important;;
}

.title-footer .et_pb_text_9:hover {
	transform: none !important;
}

/*HOME*/
.icon-home {
    margin: 0 auto;
    font-weight: bold;
    font-size: 2.5rem;
    color: white;
    padding-bottom: 10%;
    display: table;
}

/*NEWS ARCHIVE*/
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 .flex-container-news>div {
    width: 48%;
}
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .flex-container-news>div {
    width: 100%;
}
}

/*MENU MOBILE*/
@media (max-width: 980px) {
 
/*********************************
style mobile fixed header
*********************************/
 
.et_fixed_nav #main-header.et-fixed-header  {
position: fixed;
background: rgba(255,255,255,0.8);
height: 55px;
}
 
.et-fixed-header .logo_container {
height: 55px;
}
 
.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
}
 
/*********************************
make mobile fixed header navigation icon larger
*********************************/
 
.et-fixed-header .mobile_menu_bar:before {
font-size: 45px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
}
 
.et_fixed_nav #et-top-navigation {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
 
/**************************
Increase height of logo area on mobile and mobile fixed header
***************************/
#logo, .et-fixed-header #logo {
max-height: 80%;
}
 
}