/* #Override Styles for Timet Site
   Timet Green: #00a950
   #2FA956
================================================== */

/* Text Colors */

.text-primary {
    color: #00a950;
}

.text-secondary {
    color: #2FA956;
}

/* Background Colors */

.bg-primary {
    background-color: #00a950!important;
}

.bg-secondary {
    background-color: #2FA956;
}

/* Borders */

.border-primary {
    border-color: #00a950!important;
}

/* Buttons */

.btn-primary {
    background-color: #00a950;
}

/* Callout */
.callout-primary, .bd-callout-primary {
    border-left-color: #00a950;
}

.callout-primary h4, .bd-callout-primary h4 {
    color: #00a950;
}

	
/* ================================================== */
/* HEADER & NAVIGATION */
/* ================================================== */

.mobile-on {
    display:none;
}

#header {
    border-bottom: none;
}

#nav > li.current:after {
    background-color: #00a950 !important;
}

#nav ul li a:hover, #nav li.current ul li a:hover, .nav-wrap2 #nav ul li a:hover, .nav-wrap2.darknavi #nav ul li a:hover, #nav ul li.current > a , #nav ul li:hover > a { 
    color:#00a950;
}
    
/* ================================================== */
/* HERO SLIDER */
/* ================================================== */

.ls-layer a.button { 
    background-color: #00a950 !important;
    }

.ls-pcc .ls-bottom-slidebuttons a.ls-nav-active,.ls-pcc .ls-bottom-slidebuttons a:hover {
	background-color: #00a950 !important;
}

/* ================================================== */
/* FLEX SLIDER */
/* ================================================== */

.flex-caption{
    background: #ddd;
}

/* ================================================== */
/* TIMELINE */
/* ================================================== */

.pin-box h4, .tline-box h4 {
    font-weight: 900;
    text-transform: uppercase;
}

    
/* ================================================== */
/* HEADINGS & LINKS */
/* ================================================== */

a, a.magicmore,h4 a, h4 a:visited,.top-links a, .top-links a:visited, h2, h3, h4, h5, h6,.section-header.blox .container .summary h4, .blog-post a, .blog-line a {
    color: #2fa956;
}

a:hover, a:visited, a:hover.magicmore, .projectDesc h3 a:hover, .top-links a:hover  {
    color: #007F3C;
}

h1 span {
    color:#2fa956; 
    font-weight: 900;
}

h4.subtitle {
    border-color: #d9d9d9; 
    color: #424242; 
    margin-top: 0;
}


/* ================================================== */
/* PROJECT DESCRIPTIONS */
/* ================================================== */

.projectDesc h3 {
    text-transform: uppercase; 
    margin-top: 15px; 
    font-size: 20px;
}


/* ================================================== */
/* ACCORDIAN */
/* ================================================== */

.acc-trigger a {
    color:#00a950;
}

.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover {
    color: #007F3C;
}

/* ================================================== */
/* ICONS & ICON BOXES */
/* ================================================== */

.icon-box6::before, .icon-box6::after {
    box-sizing: box-content!important;
}

.icon-box6 i {
    background-color: #00a950 !important;
}

.icon-box4 i {
    color: #00a950 !important;
}

.icon-top-title i {color: #2fa956;}

@media only screen and (max-width: 767px) {
    
    #menu-icon {
        background-color: #2fa956;
        color: #fff;
    }
    
    #menu-icon i {
        color: #fff;
    }
    
    #menu-icon:hover{
        background-color: #666;
    }
}

/* ================================================== */
/* BUTTONS */
/* ================================================== */

a.primary-btn, a:visited.primary-btn, a.btn, a:visited.primary, input.btn[type="submit"], input[type="button"] {
    background: #00a950;
    color: #fff;
}

a:hover.primary-btn, a:hover.primary, input:hover.btn[type="submit"], input:hover[type="button"] {
    background: #007f3c;
    color: #fff;
}

.btn-custom {
    background-color: #00a950;
}

.btn-custom:visited {
    background-color: #2FA956;
}

.btn-custom:hover {
    background-color: #999;
}


/* ================================================== */
/* UTILITIES */
/* ================================================== */

h4.slight {
    font-weight: 300;
    color: #141414;
}

.tagline {font-size: 24px; line-height: 30px;}

.mtl {margin-top: 30px;}
.mtxl {margin-top: 40px;}
.mbz {margin-bottom: 0;}
.pbz {padding-bottom: 0;}
.txm {font-size: 22px;}

/* ================================================== */
/* WELL */
/* ================================================== */

.well:hover {
    background-color:#EBF7EF;
}

.well > .productImage {
    height: none;
}

/* ================================================== */	
/* TIMELINE */
/* ================================================== */

#main-timeline {
    border: 1px solid #f0f0f0;
}


/* ================================================== */
/* Full Screen Overview */
/* ================================================== */

#fullscreenOverview .full-width-container {
    padding-top: 0px; 
    padding-bottom: 0px; 
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.23);
}

#fullscreenOverview .full-width-container h1{
    font-size: 3em;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 0;
}

#fullscreenOverview .full-width-container h2 {
    font-size: 1em;
    line-height: 1;
    margin-bottom: 0;
    color: #eee;
    text-transform: uppercase;
}

#fullscreenOverview .full-width-container p {
    font-size: 1.5em;
    line-height: 1.2;
    letter-spacing:0.2px;
    margin-bottom:0;
}

.blox.dark a.button {
    color: #fff;
    border: 5px solid #fff;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.0);
}

.blox.dark a.button:hover {
    color: #000;
    border: 5px solid #fff;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.4);
}
    
#fullscreenOverview .full-width-container .wrap {
    height: auto;
    padding: 5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ================================================== */	
/* FEATURE BOXES */
/* ================================================== */

.feature-box {
    border:1px solid #ddd;
    background:#eee;
    padding: 20px 20px 0;
    margin-top: 40px;
    }
    
.feature-box:hover {
    background: #ddd;
}
    
.feature-box img {
    padding-bottom: 20px;
}

.feature-box h4.subtitle {
    margin-top: 10px;
}

/* ================================================== */	
/* FULLWIDTH SECTION */
/* ================================================== */

.fullwidth-section .overlay {
    padding: 90px 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.23);
    }

.fullwidth-section h1 {
    margin-bottom:40px;
}

.fullwidth-section .white h1,.fullwidth-section .white p, .fullwidth-section .white li {
    color:white;
}

.fullwidth-section .white a, .fullwidth-section .white a:visited {
    color: #DFF1FA;
}

.fullwidth-section .white a:hover, .fullwidth-section .white a:active {
    color: #fff;
}

.fullwidth-section .black h1,.fullwidth-section .black p {
    color:black;
}

.fullwidth-section .white p span, .fullwidth-section .black p span {
    color: #2fa956;
    
}

.fullwidth-section p {font-size: 24px; line-height: 30px;}
.fullwidth-section li {font-size: 18px; line-height:22px;}

.flexbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ================================================== */	
/* COMPANY COLORS */
/* ================================================== */

#wrap .timet-color {
    color:#2FA956;
}

/* ================================================== */	
/* MEDIA QUERIES */
/* ================================================== */

@media only screen and (max-width: 959px) {
   .full-width-container .nine.columns {
        width: 100%;
    }
    
    .full-width-container .seven.columns {
        display: none;
        
    }
    .full-width-container {
        background-image: none !important;
    }
    
}
  
@media only screen and (max-width: 767px) and (min-width: 480px){
     
     .full-width-container .nine.columns, .container .sixteen.columns, .fullwidth-section .container .eleven.columns {
        width: 100%;
    }
    
    .full-width-container .seven.columns {
        display: none;
        
    }
    
    .container {
        width: 90%;
    }
    
   .container .mobile-off {
        display:none;
        
    }
    .mobile-on {display:block;}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    #tline-content { width: 500px; }
	.tline-box { width: 450px; }
	.tline-row-l, .tline-row-r { display: none }
	.tline-box.rgtline { float: left; left: 0; }
}


@media only screen and (max-width: 480px) {
    .fullwidth-section .container .sixteen.columns, .container {
        width: 90%;
    }
    
   .container .mobile-off {
        display:none;
        
    }
    .mobile-on {display:block;}

}

/* END OF DOCUMENT */