/*
 Theme Name:   QR Box theme
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       BowStern
 Author URI:   http://www.bowstern.com
 Template:     understrap
 Version:      0.1
*/

* { font-family: 'Fira Sans', sans-serif; }

#logo { width: 200px; margin-bottom: 30px;}
#logofoot { width: 140px; margin-bottom: 30px;  }

#main-menu li a { color: #000; }
#main-menu li a:hover  { color: #f36d21; }
#main-menu li.active a  { color: #f36d21; }

#wrapper-footer-full { background: #222222; color: #fff; padding-bottom: 100px; padding-top: 100px; }
#wrapper-footer-full a { color: #f36d21; }

#custom_html-3 { text-align: right; padding-top: 50px; }
#custom_html-3 div { font-size: 1.5rem; font-weight: 200; font-style: italic; }

.orange { color: #f36d21; }

#titlebar { background: #222222; color: #fff; padding: 100px 0 30px; }

#homeTitle { background: #222; padding: 50px 0; }
#homeTitle h2 { color: #fff; font-weight: 200; font-size: 2.5rem; }
#homeTitle h2 .sm { font-size: 1.5rem; display: block; }
#homeTitle h2 .highlight { display: inline-block; background: #f36d21; padding: 5px 10px; font-weight: 600; }
#homeTitle h5 { color: #fff; font-weight: 200; font-size: 1.5rem; margin: 100px 0 0 0; }

#classroom { position: absolute; right: 0; width: 50%; margin-top: -100px; }
#countdown { width: 50%; position: absolute; right: 20%; top: 20%; }

.home #main h3 { color: #f36d21; font-weight: 200; font-style: italic; font-size: 2rem; margin-bottom: 2rem; }
.home .wp-block-media-text { margin-top: 2rem; }
.home #main { margin-top: 2rem; }

#homePhoto  { background: #222; color: #fff; }
#thebox { width: 45%; position: absolute; left: 0; max-height: 352px; overflow: hidden; }
#homePhoto h3 {color: #f36d21; margin-bottom: 30px;}
#thebox img { width: 100%; }

#diamonds { background: #fedec7; padding: 50px 0; }
#diamonds img { margin-bottom: 20px; }
#diamonds button { border: 1px solid #fff; background: transparent; border-radius: 15px; width: 180px; }
#diamonds button a { display: block; }
#diamonds button:hover { background: #222; border: 1px solid #222; }
#diamonds button:hover a { color: #fff !important; }


#homeBuilding { background: #fff; padding: 50px 0 20px 0; }
#glassdoor { position: absolute; right: 0; margin-top: -50px; width: 40%; max-height: 492px; overflow: hidden; }
#homeBuilding h4 { color: #f36d21; font-weight: 600; margin-top: 40px; }
#homeBuilding h3 { font-weight: 200; margin-bottom: 40px; }

#contact { background: #d8d6d6; padding: 0px 0 260px 0; }
#contact .col-md-3 { margin-top: 60px; }
#contact .form { background: #f36d21; color: #fff; width: 60%; position: absolute; right: 0; height: 540px; margin-top: -172px; }


#nf-form-1-cont { padding: 30px 50px 0; }
.label-left .nf-field-label { width: 100px !important; }
.nf-field-label label { font-weight: normal !important; font-size: 16px !important; text-align: left; }
.label-left .nf-field-element { width: 180px !important; }
.nf-form-content input.ninja-forms-field { height: 30px !important; }
.ninja-forms-req-symbol { color: #222 !important; }
.nf-form-fields-required { font-style: italic; }
#nf-field-4 { height: 50px!important; padding-left: 40px; padding-right: 40px; }

.entry-content a { color: #f36d21; }

.navbar-toggler { float: right; }

.alignfull { padding: 100px 0; margin: 50px 0; }

	.page-id-12 .entry-content .alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    }
    .page-id-12 .entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    .page-id-12 .alignfull img {
        width: 100vw;
    }
    
.wp-block-media-text .wp-block-media-text__content { padding-left: 0; }

.ammostripe { margin-bottom: -50px; margin-top: 100px; }
.biostripe { margin-bottom: 100px; }
p.intro { font-size: 1.5rem; line-height: 2.5rem; margin: 25px 0; }

.tech-head { font-weight: 200; font-size: 2rem; margin-bottom: 5rem; }

@media (min-width: 1400px) {

#contact .form {margin-top: -148px; }

}


@media (max-width: 1200px) {
	#glassdoor { max-height: 568px; }
	
	#glassdoor img { min-height: 568px; }
 
 }

@media (max-width: 991px) {

	#homeBuilding { padding: 20px 0; }
	#glassdoor { margin-top: -20px; max-height: 610px; width: 45%; }
	#glassdoor img { min-height: 610px; }

#contact .form {margin-top: -220px; }
	
	}

@media (max-width: 768px) { 

	#classroom { position: relative; width: 100%; left: 0; margin-top: 0; margin-bottom: 1rem; }
	#homeTitle { padding: 0px 0 20px 0; }
	#countdown { right: 0; }
	#homeTitle h5 { font-size: 1rem; margin: 10px 0 0 0; }
	.wp-image-28 { width: 200px !important; }
	figure { text-align: center; }
	#thebox { position: relative; width: 100%; left: 0; margin-top: 0; margin-bottom: 0rem; }
	#glassdoor { margin-top: -20px; max-height: 573px; width: 30%; }
	#glassdoor img { width: 400px; height: auto; }
	#homeBuilding h4 { font-size: 20px; }
	#homeBuilding h3 { font-size: 22px; }
	#diamonds img { width: 150px; margin-right: 20px; padding-top: 20px; }
	#contact .form { width: 100%; position: relative; left: 0; height: 540px; margin-top: 0;  }
	#contact { padding-bottom: 0; }
	#contact .col-md-3 { margin-top: 30px; }

	#nf-form-1-cont { padding: 20px 20px 0; }
	
	#navbarNavDropdown { background: #eee; padding-left: 10px; }
	
	
	}

@media (max-width: 575px) {
	#glassdoor { display: none; }

}