/*
Theme Name: McQuillan companies
Theme URI: 
Description: A custom WordPress site for mcquillan
Author: Kaizen 
Author URI:
Version: 1.0
Tags: clean, light, responsive, custom-post-types, custom-fields

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/





/* Page Styles
================================================== */

html
{
overflow-x: hidden; 
}

p {font-family: "effra",sans-serif; font-weight: 300}
li {font-family: "effra",sans-serif; font-weight: 300}

div.meta-details {display: none}

a {color: #35353f;font-weight: 700}

header {background-color: rgba(255, 255, 255, 0.5); position: relative; z-index: 100}
#slider {margin-top: 0px;  }

div.desc h3 {font-size: 22px; text-align: center; text-transform: uppercase;}
.desc a {display: none}
.desc p {text-align: center}

#headbar {background-color: rgba(255, 255, 255, 0.5); height: 140px;padding-top: 10px;left: auto;
  position: fixed;
  top: auto; width: 100%; z-index: 1000;}

h1 {font-family: "industry",sans-serif; font-weight: 700; color: #fff;}
h2 {font-family: "industry",sans-serif;  font-weight: 700; font-size: 24px; line-height: 1em; }

h3 {font-family: "industry",sans-serif;  font-weight: 700; font-size: 20px; line-height: 1em; }



#companies {padding-top: 180px}
.logo {width: 50%}

.nav {font-family: "effra",sans-serif; text-transform: uppercase; color:#35353f; padding-top: 40px}

.nav a {color:#35353f; font-size: 14px; font-weight: 700}

#greybackground{background:#35353f; margin-top: -30px; color: #fff; padding-top:80px; padding-bottom: 50px; font-family: "effra",sans-serif; text-align: center; font-size: 24px; font-weight: 300; float: left;width: 100%;}
.greybackground2 {
    bottom: 0;
    background: #35353f;
    margin-top: 0;
    color: #fff;
    padding-bottom: 50px;
    font-family: "effra",sans-serif;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    float: left;
    width: 100%;
}

.hometext h1 {font-family: "effra",sans-serif; text-align: center; font-size: 24px; font-weight: 300}
#mainimages {float: left;}


.left {float: left; width: 50%; }
.right {float: right; width: 50%;}

.teamtext h2 {font-family: "industry",sans-serif;  font-weight: 700; font-size: 35px; line-height: 1em;  text-transform: uppercase; padding-bottom: 20px; padding-top: 20px}
.teamtext p {line-height: 1em}
.teamtext {padding-top: 30px}
.teamtext a {color:#fff; font-weight: 700}



footer {background: #e4c6a2; clear: both; }

.foottext p{font-size: 12px; line-height: 0.6em; color:#35353f; text-align: right;}
.foottext {padding-top: 30px; }
.foottext a {color: #35353f; font-weight: 700}

#footnav ul li {display: block;font-size: 12px}
#footnav ul li a {color:#35353f; }
#footnav {padding-top: 25px; margin-left: -130px}
#footnav .menu > li > a {padding: 0.1rem 1rem !important;}



/*about */


#slidermenu{margin-top: -10px}

div.cool_timeline.cool-timeline-wrapper.both-sided-wrapper.white-timeline-wrapper.default-skin-tm {margin-top: -30px}


#menuouter {position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    z-index: 13; }
#menuinner { margin: 0 auto; padding-top: 17%; width: 50%}
#menuinner2 { margin: 0 auto; padding-top: 8%; width: 50%}

#slidermenu {position: relative;margin: 0 auto; text-align: center}

#menuinner h1 {font-family: "industry",sans-serif;
font-weight: normal; font-weight: 700;
font-style: normal; color: #fff; font-size: 80px;text-transform: uppercase;}


#menuinner2 h2 {font-family: "industry",sans-serif;
font-weight: normal; font-weight: 700;
font-style: normal; color: #fff; font-size: 45px; text-transform: uppercase; padding-bottom: 10px}

#menuinner2 p {color:#fff; font-family: "effra",sans-serif; font-size: 20px; font-weight: 300}
#menuinner2 a {color:#fff; font-weight: 700}

.about {color: #35353f}

.about h2 {line-height: 1.4em; font-size: 28px; padding-bottom: 10px}


#slidermenucontact {position: relative;margin: 0 auto; text-align: center}

/* winter grit */

.aboutwinter {color: #35353f; margin-top: 20px}
.aboutwinter h1 {color: #35353f !important}



/* company template*/

.aboutcompany {color: #35353f; padding-top: 30px}
.aboutcompany h2 {line-height: 1.4em; font-size: 28px; padding-bottom: 10px}

.greyblock1 {background: #57575f; color: #fff; padding-top: 30px; padding-left: 50px; font-family: "effra",sans-serif; height: 275px; padding-right: 30px}

.greyblock1 h3 {font-family: "industry",sans-serif;
font-weight: normal; font-weight: 700;
font-style: normal; color: #fff; font-size: 24px;text-transform: uppercase;}




.greyblock2 {background: #9e9ea3; color: #fff; padding-top: 30px; padding-left: 50px; font-family: "effra",sans-serif; height: 275px;padding-right: 30px }

.greyblock2 h3 {font-family: "industry",sans-serif;
font-weight: normal; font-weight: 700;
font-style: normal; color: #fff; font-size: 24px;text-transform: uppercase;}



.blocksofcompany {padding-top: 30px}

div#bottomtext {margin-top: 40px; margin-bottom: 40px}


.sales h3 {font-family: "industry",sans-serif;
font-weight: normal; font-weight: 700;
font-style: normal; color: #35353f; font-size: 30px;text-transform: uppercase; border-bottom: 2px solid #e4c6a2; width: 27%; padding-bottom: 10px; margin-bottom: 20px}

.sales a {color: #35353f; font-weight: 700;}




/* Careers */

li.job_listing a div.position h3 {color:#35353f;font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700}
 .job_listing .full-time {color:#758B6E}
.job_listing .internship{color:#758B6E}


.single_job_listing .meta .full-time {background-color:#758B6E }

.single_job_listing .meta .internship {background-color:#758B6E }


h3 a {color:#35353f;font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700}
.single_job_listing .company .name {color:#35353f;font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700}
.button {background: #e4c6a2; font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700}
.button:hover {background: #ccb193; font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700}

.careers {margin-bottom: 30px}

a.google_map_link {color:#e4c6a2; text-decoration: underline}

#studentbg {background: #9e9ea3}
.student {padding-top: 100px}
.student h3 {font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700; color:#35353f; font-size: 27px}


/* Contact */
input.wpcf7-form-control.wpcf7-submit {background: #35353f; font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700; color:#fff; width: 100%; border: 0; font-size: 25px; padding: 10px}

.contact {font-size: 22px}
div.column-half {font-size: 15px}

.contactlist h3 {font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700; color:#e4c6a2; font-size: 17px; background: #35353f; padding: 10px; width: 70%}
.contactlist a {color:#35353f !important;}
.contactlist h4 {font-family: "industry",sans-serif; text-transform: uppercase; font-weight: 700; color:#35353f; font-size: 12px;line-height:18px;}

.spaceup {margin-top: 40px; margin-bottom: 10px}

.borderight {border-right: 1px solid #e4c6a2; }
.moveright {padding-left: 130px}
.contactlist a{color:#e4c6a2; font-weight: 700}

.contactlist {font-size: 16px}

.compliance a {color: #35353f; border-bottom: 1px solid #e4c6a2 }

td {font-family: "effra",sans-serif;}

div.wpcf7-response-output.wpcf7-mail-sent-ok {border: 0px; font-family: "industry", sans-serif;
text-align: center; margin-top: -10px}

div.wpcf7-response-output.wpcf7-validation-errors {border: 0px; font-family: "industry", sans-serif;
text-align: center; margin-top: -10px}


 .hero-slider{ padding-top:140px; }
 .slick-dots li.slick-active button:before{ font-size:15px; color: #fff !important; }
 .slick-dots li button:before{ font-size:15px !important;  }


 .hero-slider .imgbox .desc{ 
    z-index: 999;
    padding: 15px;
    color: #fff;
    position: absolute;
    width: 100%;
 }

 .hero-slider .imgbox .desc a{
    font-weight: normal;
    color: #fff;
    text-decoration: underline;
 }
 .hero-slider .imgbox .desc a:hover{
    color: #fff;
 }

.hero-slider .imgbox .desc_wrapper{
    position: relative;
    top: -210px;
}

.hero-slider .slick-list:hover .imgbox{
    opacity: 0.4;
    cursor: pointer;   
}

.hero-slider .slide .imgbox:hover{
    opacity:1;   
}
.slick-dots{ bottom:-40px !important; }

.slick-slide img{ width: 100%; }
.home  #menuinner{
    padding-top: 0;
}


.iconsales img{margin-top: 535px}

/* #Media Queries
================================================== */

/* Small only */
@media all and (max-width: 480px) {

.left { width: 100%; }
.right {float: left; width: 100%;}

.nav {display: none}
#slider {margin-top: 0px}

.hometext h1 { font-size: 20px; }

#greybackground{ font-size: 20px;margin-top: 110px; padding-top: 0px }
	
	
	.greybackground2{ font-size: 16px; }
h2 {font-size: 18px; }

#footnav {display: none}
.foottext {margin-top: -70px; margin-right: 10px}

div#responsive-menu-wrapper {padding-top: 30px;}
#responsive-menu-container {background: #e4c6a2;}
#responsive-menu-container #responsive-menu  {background: #e4c6a2;}
div#responsive-menu-additional-content{background: #e4c6a2;}
#responsive-menu-container #responsive-menu-wrapper {background: #e4c6a2;}

button#responsive-menu-button.responsive-menu-button.responsive-menu-boring.responsive-menu-accessible{margin-top: 5px}

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {text-transform: uppercase; font-family: "industry",sans-serif;  }

	#menuinner { margin: 0 auto; padding-top: 42%; width: 50%}

	
#menuinner h1 { font-size: 24px;}
.about h2 {line-height: 1.4em; font-size: 22px; padding-bottom: 10px}


#menuinner h2 {font-size: 20px; text-transform: uppercase; padding-bottom: 10px}

#menuinner p {color:#fff; font-family: "effra",sans-serif; font-size: 12px; font-weight: 300}
#menuinner a {color:#fff; font-weight: 700}

#slidermenucontact {display:none}


/* company **/
.aboutcompany h2 { font-size: 22px; }

.greyblock1 { padding-top: 30px; padding-left: 20px; width: 318px; margin-right: 32px; height: auto; font-size: 14px}

.greyblock2 { padding-top: 30px; padding-left: 20px; width: 318px;height: auto;  margin-right: 32px;font-size: 14px}


.borderight {border-right: 1px solid #fff; }
.moveright {padding-left: 10px; margin-top: 40px}

#companies {padding-top: 80px}
#slider {padding-top: 110px}
	
	
#headbar {height: 110px;}
	#companies {padding-top: 130px}
	p {font-family: "effra",sans-serif; font-weight: 300}
	
	.hero-slider .imgbox .desc_wrapper{
    position: relative;
    top: -150px;
}
	
	div.hero-slider.slick-initialized.slick-slider.slick-dotted {display: none}
	.hometext {margin-top: 80px}
	
	.iconsales img{margin-top: 55px}
	
	div.responsive-menu-subarrow {color:#35353f !important; margin-top: 10px !important} 
	
}/*** close small **/







/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.greyblock1 {background: #57575f; color: #fff; padding-top: 30px; padding-left: 50px; font-family: "effra",sans-serif; height: 225px;}
.greyblock2 {background: #9e9ea3; color: #fff; padding-top: 30px; padding-left: 50px; font-family: "effra",sans-serif; height: 225px; }

#menuinner { margin: 0 auto; padding-top: 18%; width: 50%}
.iconsales img{margin-top: 605px}

} /*** close medium **/



/* Custom Menu Query only */
@media screen and (min-width: 1021px) and (max-width: 1188px) {


} /*** close medium **/




/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}/*** close large**/







		/************************ 15inch *********************/
@media all  
and (min-width : 768px) 
and (max-width : 1366px)  {
 
 #menuinner h1 { font-size: 60px;}
	.desc {padding-top: 60px}
	
	.hero-slider .imgbox .desc_wrapper{
    position: relative;
    top: -170px; font-size: 14px
}

 
 }

/************************ iphone 6/7 plus *********************/
@media all  
and (min-width : 414px) 
and (max-width : 736px)  {
 
.greyblock1 { width: 318px; margin-right: 71px !important; height: 400px}

 
 }
 /*11-08-2023*/
header #headbar {
    height: 105px;
}
  
.slick-slider, .page__wrapper, #companies {
    padding-top: 105px !important;
}

#headbar .nav {
    padding-top: 25px;
}
@media (max-width: 1200px){
    #headbar .nav {
        display: none;
    }
    #rmp_menu_trigger-1424 {
        display: block !important;
    }    
    #headbar .logo {
        width: 173px;
    }
    #rmp-menu-title-1424{
        padding-top: 0 !important;
    }
}