/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 02 2024 | 02:12:09 */
@media only screen and (max-width: 1200px) {
		header .thim-nav-wrapper.container{max-width: 100%; height: 100px; padding: 0;}
	/*header .thim-nav-wrapper .width-logo.sm-logo{max-width: 100%; height: 90px;}*/
	header .navigation{padding: 0px; width: 100%;}
	header #toolbar .container{max-width: 100% !important; padding: 0px; margin: 0px auto;}
	header #toolbar .container .row{width: 100%; padding: 0px; margin: 0px;}
	header #toolbar .container .row .col-sm-12{width: 100%; padding: 0px; margin: 0px;}
	
	.noShowMobile{display: none !important;}
	
	
	@keyframes logoShrink{from{transform: scale(1);} to{transform: scale(1);}}
	.shrinkMe{transform-origin: 50% 50%; animation-name: logoShrink; animation-duration: 1s; animation-fill-mode: forwards;}
	@keyframes logoGrow{from{transform: scale(1);} to{transform: scale(1);}}
	.growMe{transform-origin: 50% 50%; animation-name: logoGrow; animation-duration: 1s; animation-fill-mode: forwards;}
	#williamsonHeaderLogo{width: 70px; margin-top: px;}

	.mobile-menu-wrapper{background: #003767;}
	.mobile-menu-wrapper .menu-mobile-effect.navbar-toggle.close-icon span.icon-bar{background-color: #FFF;}
	.mobile-menu-wrapper nav>ul>li>a{font-weight: bold; text-transform: uppercase; color: #FFF;}
	.mobile-menu-wrapper .icon-menu-back{color: #FFF; font-weight: bold; text-transform: uppercase;}
	.mobile-menu-wrapper ul li>span{color: #FFF; transform: rotate(-90deg);}
	.mobile-menu-wrapper nav>ul>li>a>span{display: none;}
	.mobile-menu-wrapper nav .elementor-element > .elementor-widget-wrap{background: none !important}
	.mobile-menu-wrapper nav>ul>li>ul{background: #003767 !important;}

	.mobile-menu-wrapper nav>ul>li>ul .elementor-element.elementor-widget-heading h2.elementor-heading-title{color: #FFF; font-size: 18px; line-height: 28px !important;}
	.mobile-menu-wrapper nav>ul>li>ul h2:after{content: ""; height: 2px; background-color: #e31837; width: 20px; display: block; margin-top: 5px;}

	.mobile-menu-wrapper nav>ul>li>ul ul[id*="menu"]{margin: 0px; padding: 0px;}
	.mobile-menu-wrapper nav>ul>li>ul ul[id*="menu"]>li>a{padding: 5px 15px 5px 0px !important;}
	button.thim-ekits-menu__mobile{display: none;}

	.mobile-menu-wrapper nav .thim-ekits-menu__mobile__overlay{display: none !important;}
	.mobile-menu-wrapper nav .thim-ekits-menu__mobile__icon.thim-ekits-menu__mobile__icon--close{display: none;}
    .thim-ekits-menu .thim-ekits-menu__container{transform: none !important;}
    
    
	.mobile-menu-wrapper nav .thim-ekits-menu__container{background-color: rgba(0, 0, 0, 0); position: relative; margin-bottom: 40px;}
	.mobile-menu-wrapper nav .thim-ekits-menu__container li a{color: #FFF;}


	.mobile-menu-wrapper nav>ul>li>ul h2:last-child{line-height: 100% !important;}
	#toolbar #menu-williamson-top-bar, .menu-williamson-top-bar-container{height: 25px;}
	.mobile-menu-wrapper nav>ul>li>ul h2{color: #FFF; font-size: 18px; line-height: 18px;}
    
    .megaMenuCTA{background: none; margin-top: 40px;}
    .megaMenuCTA img{display: none;}
    .megaMenuCTA h2{text-align: left; text-transform: uppercase; margin-bottom: 25px;}
    .megaMenuCTA .elementor-widget-button{display: none;}
    
    .mobile-menu-wrapper #megaCoreValues h3{background: rgb(227,25,55); background: linear-gradient(135deg, rgba(227,25,55,1) 0%, rgba(255,255,255,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

    #megaTrades a{color: #FFF;}
    #megaTrades ul li span.elementor-icon-list-icon svg{opacity: 0;}
    #megaTrades ul li:nth-child(1) span.elementor-icon-list-icon{background: url("/wp-content/uploads/2023/06/trade-carpentry-white.svg") no-repeat;}
    #megaTrades ul li:nth-child(2) span.elementor-icon-list-icon{background: url("/wp-content/uploads/2023/06/trade-masonry-white.svg") no-repeat;}
    #megaTrades ul li:nth-child(3) span.elementor-icon-list-icon{background: url("/wp-content/uploads/2023/06/trade-landscaping-white.svg") no-repeat;}
    #megaTrades ul li:nth-child(4) span.elementor-icon-list-icon{background: url("/wp-content/uploads/2023/06/trade-machine-white.svg") no-repeat;}
    #megaTrades ul li:nth-child(5) span.elementor-icon-list-icon{background: url("/wp-content/uploads/2023/06/trade-electrical-white.svg") no-repeat;}
    #megaTrades ul li:nth-child(6) span.elementor-icon-list-icon{background: url("/wp-content/uploads/2023/06/trade-powerPlant-white.svg") no-repeat;}
    
    
    .mobile-menu-wrapper .alumniEvents h5.title a{color: #FFF; line-height: 100%;}
    .mobile-menu-wrapper .alumniEvents .time-from .month{color: #FFF;}
    .mobile-menu-wrapper .alumniEvents .meta{display: none;}
	
	.mobile-menu-wrapper .thim-ekits-menu__content .elementor-section .elementor-column.megaMenuCTA{width: calc(100% + 50px) !important;  margin-left: -25px; padding: 25px; background: #e31837 !important;}
.mobile-menu-wrapper .thim-ekits-menu__content .elementor-section .elementor-column.megaMenuCTA h2:after{background-color: #FFF;}
	
	
	.width-logo a:after{content: ""; display: block; width: 200px; height: 54px; color: #333; position: absolute; top: 25px; left: 100px; 
    background: url("/wp-content/uploads/2023/07/williamsonMobileLogo.png");
    background-size: 200px 54px;}
#toolbar{display: none;}#masthead .thim-nav-wrapper{margin-top: 35px; height: 50px;}
	
	
	.alumniEvents h5 a{color: #FFF !important;}
	.twoCol{column-count: 1 !important;}
	.twoCol ul > li:first-child{margin-top: 0px;}
	
	.mobile-menu-container ul.nav > li > span.thim-ekits-menu__icon{background: none; border: 1px solid #003767; height: 40px; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; margin-top: 0; transform: none;}
.mobile-menu-container ul.nav > li > span.thim-ekits-menu__icon:before{-webkit-mask-image: none; background: none; content: "\f054"; font-family: 'Font Awesome 5 Free'; color: #FFF; font-weight: 900; font-size: 15px; display: block; position: absolute; right: 0; top: 5px; text-align: right;}

#copyright p{text-align: center !important;}
}

@media only screen and (max-width: 600px) { 	
.slideNumber:after{content: "%"; font-size: 22px; vertical-align: top; color: #fff; position: absolute;}
.slideDollar:before{content: "$"; font-size: 22px; vertical-align: top; color: #ffff; position: absolute; left: 25px;}

	#toolbar{display: block; overflow-x: auto; overflow-y: hidden;}
	#toolbar #nav_menu-16{width: 100%; height: 155px !important;}
	#toolbar #menu-williamson-top-bar{width: 438vw; padding-left: 50px;}
	#toolbar #menu-williamson-top-bar li{display: inline; width: auto;}
	#toolbar #menu-williamson-top-bar li a{display: inline; width: auto;}
	#toolbar #nav_menu-16:before{content: '\f07e';  font-family: 'Font Awesome 5 Free'; padding-left: 10px; color: #FFF; z-index: 10; position: absolute; display: block; width: 65px; height: 35px; background: rgb(227,23,54); background: linear-gradient(90deg, rgba(227,23,54,1) 0%, rgba(227,23,54,0) 100%);}
	
    #toolbar #menu-williamson-top-bar li:nth-child(2){display: none;}
    #toolbar #menu-williamson-top-bar li:nth-child(3){display: inline;}
    #toolbar #menu-williamson-top-bar li:nth-child(4){display: inline;}
    #toolbar #menu-williamson-top-bar li:nth-child(5){display: inline;}
    #toolbar #menu-williamson-top-bar li:nth-child(6){display: inline;}
    #toolbar #menu-williamson-top-bar li:nth-child(7){display: inline;}

	#header .sc_heading{padding: 0 15px;}
}