/*  Extra small devices (portrait phones, less than 576px)
    No media query since this is the default in Bootstrap */

/* 	Calder Shadow Font */
@import url("https://use.typekit.net/ytb1dtc.css");

/* Colors and Fonts

orange: #bd7423;
dark-blue: #072f37;
dark-green: #334f3b;
light-green: #65816d;
grey: #c8cbbf;
"mr-eaves-xl-modern";
"le-monde-livre-classic-byol"

*/

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25rem;
}

#home-header-text, #about-header-text {
	font-size: 5rem;
	font-weight: 500;
}

#home-subheader-text, #services-header-text, #learn-more-text {
	font-size: 4rem;
	font-weight: 500;
}

.portfolio-caption h3 {
	font-weight: bold;
}

.carousel-item div p {
	font-family: "mr-eaves-xl-modern", sans-serif;
}

h2, h4, h5, .btn, .navbar-nav, .page-footer, .next-project-text {
	font-family: "mr-eaves-xl-modern", sans-serif;
}

.navbar-brand {
	font-family: "calder-dark", sans-serif;
}

.card .card-text {
	font-weight: 300;
	font-size: 1.1rem;
}

.btn.btn-lg {
	font-size: 1rem;
}

.ica-team-font {
	font-size: .7rem;
}

.team-header, .learn-more {
	color: #FFFFFF;
}

#text-typing {
	color: #FDFDFD;
}

.text-brand-blue {
	color: #072f37 !important;
}

.text-brand-orange {
	color: #bd7423 !important;
}

.text-brand-grey {
	color: #818181 !important;
}

.text-brand-green {
	color: #307936 !important;
}

.text-lumen-blue {
	color: #5dbcd2;
}

.btn-brand-grey {
	background-color: #b1b1b1 !important;
}

.btn-brand-orange {
	background-color: #bd7423 !important;
}

.btn-brand-green {
	background-color: #307936 !important;
}


/* TEMPLATE STYLES */

main {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.extra-margins {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.spacing {
    letter-spacing: 3px;
}

.btn {
	letter-spacing: 1px;
}

/* Navbar */

.navbar {
	background-color: #3b3b3f;
	font-size: 1.5rem;
	text-align: right;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover, .page-footer a:hover {
	color: #307936 !important;
}

.top-nav-collapse {
    background-color: #ffffff !important;
}

.top-nav-collapse a {
	color: #4f4f4f !important;
}

.navbar:not(.top-nav-collapse) {
    background: transparent;
}

.navbar-toggler {
	color: #ffffff !important;
}

.navbar:not(.top-nav-collapse) a {
    color: #ffffff !important;
}

.navbar-careers:not(.top-nav-collapse) {
    background-color: #4f4f4f !important;
}

.nav-item.active .nav-link {
	border-radius: 3px;
}

/* Landing page */


.partial-bg-img {
	height: 60vh;
}

#theme-video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/home_header.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
		-webkit-transition: 1s opacity;
		-moz-transition: 1s opacity;
}

.txt-rotate-element > .wrap {
	border-right: 0.08em solid #FFF;
}

.intro-info-content {
	white-space: nowrap;
}

.landing-logo {
	max-width: 50vw;
}

.services-body {
	background-size: 100% !important;
}

.services-body h5 {
	font-size: 1.8rem;
	overflow-wrap: normal;
	background: inherit;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	filter: invert(1) grayscale(1) contrast(50)
}

.portfolio-caption {
	position: absolute;
	top: 8%;
	left: 10%;
}

.portfolio-categories {
	position: absolute;
	bottom: 5%;
	right: 10%;
}

.card-body {
	background-color: #334f3b;
}

.feature-title {
	z-index: 1;
}

.services-description {
	font-style: italic;
	visibility: hidden;
	z-index: 1;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s ease-out;
	-webkit-transition: visibility 0s, opacity 0.5s ease-out;
	-moz-transition: visibility 0s, opacity 0.5s ease-out;
}

.card-body:hover .services-description {
	visibility: visible;
	opacity: 1;
}

.rgba-brand-green-strong {
	background-color:rgba(57, 124, 76, 0.8)!important;
}

.arrow-scroll {
	background-color: #ffffff;
	border-radius: 35px;
	width: 70px;
	height: 70px;
	position: fixed;
	bottom: 10vh;
	right: 5vw;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
	z-index: 1000;
	line-height: 62px;
	text-align: center;
	border: solid 4px #ffffff;
}


.arrow-scroll:hover {
	border: solid 4px #307936;
	/* background-color: #307936;
	color: #ffffff !important; */
	width: 200px;
	overflow: hidden;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}

.arrow-scroll:hover .next-project-text {
	display: inline-block;
	line-height: 62px;
	text-align: center;
}

.next-project-text {
	display: none;
}

/* Footer */


.footer-background {
    background-image: url('/img/topoBG4.jpg');
		background-size: cover;
		background-repeat: no-repeat;
}

#btn-footer {
	border: 2px solid #ffffff !important;
}

#btn-footer:hover {
	color: #ffffff !important;
	background-color: #307936;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

/* Contact Form */

.modal-header {
	background-color: #334f3b;
}

.modal-header .close {
	color: #FFFFFF;
}

.modal-dialog .modal-content {
	border-radius: .3rem !important;
}

.form-label.active {
	color: #334f3b !important;
}

input:focus:not([readonly]), textarea:focus:not([readonly]) {
	border-bottom: 1px solid #334f3b !important;
	box-shadow: 0 1px 0 0 #334f3b !important;
}

/* Contact Page */

#message {
	height: 100px;
}

#btn-contact {
	border: 2px solid #4f4f4f;
	border-radius: 3px;
	background-color: #ffffff;
}

#btn-contact:hover {
	color: #ffffff;
	background-color: #307936;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

/* Work pages */

#work-main {
	background-color: #FFFFFF;
}

.carousel-wrapper {
	border-radius: 8px;
}

.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
}

.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.skill-box {
	background-color: #307936;
	opacity: 85%;
	border-radius: 3px;
}

.skill-box:hover {
	opacity: 100%;
}

#half-header {
	height: auto;
}

.portfolio-subheaders {
	color:#307936;
}

/* About page */

.vertical-line {
	width: 2px;
	background-color: #307936;
	height: 90%;
	margin: auto;
}

.about-column {
	min-width: 16px;
}

/* Media Queries */

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

	#home-header-text, #about-header-text {
		font-size: 4.5rem;
		font-weight: bold;
	}

	#home-subheader-text, #services-header-text, #learn-more-text {
		font-size: 3.5rem;
		font-weight: bold;
	}

	.portfolio-caption h3 {
		font-size: 1.25rem;
	}

	 .carousel-item div p {
		 font-size: .75rem;
	 }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

	body {
		font-size: 1rem;
	}

	#home-header-text, #about-header-text {
		font-size: 3.5rem;
		font-weight: bold;
	}

	#home-subheader-text, #services-header-text, #learn-more-text {
		font-size: 2.5rem;
		font-weight: bold;
	}

	.portfolio-caption h3 {
		font-size: 1.25rem;
	}

	 .carousel-item div p {
		 font-size: .75rem;
	 }

	 #theme-video, .video-logo {
		 display: none;
	 }

	 #theme-picture {
		 display: block;
	 }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

	#home-header-text, #about-header-text {
		font-size: 3rem;
		font-weight: bold;
	}

	#home-subheader-text, #services-header-text, #learn-more-text {
		font-size: 2rem;
		font-weight: bold;
	}

	.portfolio-caption h3 {
		font-size: 1.25rem;
	}

	 .carousel-item div p {
		 font-size: .75rem;
	 }

	.display-1 {
			font-size: 4rem;
	}

	.profile-stat-lg {
		display: none;
	}

	.profile-stat-sm {
		display: block;
	}

	.careers-header {
		background-size: cover !important;
	}

	#about-header-text {
		margin-top:-2rem;
	}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	.modal-body {
		text-align: center;
	}

	#home-header-text, #about-header-text {
		font-size: 2.5rem;
		font-weight: bold;
	}

	#home-subheader-text, #services-header-text, #learn-more-text {
		font-size: 1.5rem;
		font-weight: bold;
	}

	.portfolio-caption {
		width: 80%;
		text-align: center;
		margin-top: 20%;
	}

	.portfolio-caption h3 {
		font-size: 1rem;
		padding: .4rem !important;
	}

	 .carousel-item div p {
		 font-size: .8rem;
		 padding: .4rem !important;
	 }

	 .contact-form-icon {
		 display: none;
	 }

	 .portfolio-categories {
		 display: none;
	 }


}

/* Miscellaneous queries */
@media only screen and (max-width: 740px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view {
        height: 700px;
    }

		#ica-logo {
			display: block;
		}
}

@media only screen and (min-width: 769px) {
	.modal-dialog {
		max-width: 769px !important;
	}
}