/*
Theme Name: John Anthony Drafting And Design 2013
Theme URI: jadrafting.com
Description: jadrafting
Author: Joshua Jacoby
*/

.embed-container {z-index: 0;}
.taptap-logo-image, .taptap-menu-button-wrapper {display:none;}
body .taptap-main-menu-button:before, body .taptap-main-menu-button div.taptap-main-menu-button-middle:before, body .taptap-main-menu-button:after {width: 32px; height: 4px;}
body {background-image: url(/wp-content/uploads/2020/07/bg-fixed.jpg) !important; background-attachment: fixed; background-size: cover;}
#mobiletop {display: flex;}
#header .current_page_item a, #navbar ul li a:hover {color: #be9439 !important;}
#headwrapper {background-image: none !important; height: 560px !important;}
#logo {top: 40px !important; left: 70px !important;}
#logo img {max-width: 280px;}
#navbar {top: 448px !important;}
#navbar ul li a {transition: all .2s; padding: 20px 10px 15px 38px !important;}
#leftcolumn {width: 785px !important;}
#leftcolumn a {color: #666 !important; text-decoration: none !important;}
#rightcolumn {width: 250px !important; padding: 15px 15px 15px 18px !important;}
#text-5, #text-6, #text-13, #text-4 a {max-width: 225px;}
.sliderbox img {height: 480px;}
.wpcr3_review_datePublished {font-weight: 600;}
.wpcr3_pagination .wpcr3_a.wpcr3_current {background: #be9439 !important;}
.wpcr3_pagination .wpcr3_a:hover {background: #d2a440 !important;}
.ngg-widget img {margin: 1px !important;}

@media screen and (min-width:541px){
	.hambmenu, #mobiletop {display: none;}
}
@media screen and (max-width:991px) and (min-width:541px){
	body, body div {overflow-x: hidden;}
#headwrapper, #header, #sliderbox, .page-id-6 #sliderbox,  #footerwrapper {max-width: 100% !important; box-sizing:border-box; width:100% !important;  }	
.wpcf7-form-control {width: 100% !important}	
#navbar {width:100% !important; top: 388px !important;}
}
@media screen and (max-width:540px){
	body .ngg-galleryoverview {display: flex !important; flex-flow: wrap; justify-content: center;}
	body {background: none !important;}
	#headwrapper {height: 80px !important;}
	#headwrapper, #header, #sliderbox, .page-id-6 #sliderbox, #content, #footerwrapper {max-width: 100% !important; box-sizing:border-box; width:100% !important;}
	#sliderbox {display: none;}
	#sliderbox, .page-id-6 #sliderbox {margin-top: 68px !important;}
	#logo {top: 8px !important; left: 20px !important;}
	#logo img {max-width: 150px;}
	#content {padding:0;}
	#leftcolumn div, #leftcolumn iframe, #leftcolumn ul, #rightcolumn iframe, #rightcolumn ul {max-width: 100% !important; box-sizing:border-box;}
	#leftcolumn, #rightcolumn {box-shadow: none !important; z-index: 0 !important; box-sizing: border-box; width: auto !important; max-width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; margin: 0 auto 40px !important;}
	#leftcolumn {padding: 0 12px !important;}
	#rightcolumn {z-index: 0 !important; width: auto !important; max-width: 100% !important; margin: 0 auto 40px !important; box-sizing: border-box;}
	#rightcolumn div {max-width: 261px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;}
	#rightcolumn li {margin-left: auto; margin-right: auto;}
	body {overflow-x: hidden;} 
	h1, h2, h3 {text-align: center !important; line-height: 1.1 !important;}
	p img {display: block; float: none !important; width: 100% !important; margin: 0 auto 20px !important;}
	.wpcf7-form-control {width: 100% !important}
	.taptap-logo-image, .taptap-menu-button-wrapper {display:block;}
	#logo, .hambmenu {display:none !important;} 
	#footer > div {max-width:100% !important; width:auto !important; padding:0 20px; overflow: hidden !important; }
	div.threecolfooter {margin-left:0 !important;}
	.threecolfooter {max-width:100% !important; width:auto !important; box-sizing:border-box; }
	.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination { display: block !important; }
	.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination .disabled { display: block; margin-bottom: 20px;}
	.tlp-content-holder .tlp-portfolio-sd a {top: 4px; right: 0; margin-bottom: 10px;}
	.rt-row {margin:0 auto !important;}
	.hambmenu {background: url(/wp-content/uploads/2020/07/hamburger-icon.png); background-size: cover; position: absolute; top: 25px; right: 25px; width: 46px; height: 33px;}
	.mobileonly {display: none !important; top: 20px; left: -260px !important;}
	.hambmenu:hover .mobileonly {display: block !important;}
	#footerwrapper {width: 100% !important; box-sizing: border-box;}
	#footer {max-width: 100% !important; padding-top: 20px !important; box-sizing: border-box;}
}
@media screen and (max-width:440px){
	.tlp-portfolio-sd a {position: relative !important;
    margin-bottom: 20px;
    display: inline-block !important;}
}
@media screen and (max-width:360px){
	#leftcolumn .ngg-galleryoverview {max-width: 400px !important;}
}
@media screen and (max-width: 337px){
#rightcolumn div {box-shadow: none;}
}
/*Slider Revolution*/
#rev_slider_1_1_wrapper {top: 17px;}

/*MetaSlider*/
#sliderbox img {pointer-events: none; border-radius: 2px;}
@media screen and (min-width:541px){
#sliderbox>.metaslider {max-width: 1130px !important; margin-left: 22px; top: 17px;}
}

/*Portfolio*/
#leftcolumn ul, #leftcolumn ul li {margin-left: 0 !important;}
.tlp-portfolio-container.tlp-single-detail {position: relative; max-width: 100%;}
.portfolio-template-default #leftcolumn {width: 841px !important;}
.portfolio-template-default #rightcolumn {width: 271px !important; padding: 15px 16px 15px 20px !important;}
.portfolio-template-default #sliderbox>.metaslider {max-width: 1126px !important; margin-left: 22px; top: 17px;}
.portfolio-template-default rs-layer {max-width: 1126px; height: auto !important;}
.portfolio-template-default .sliderbox img {height: 482px;}
.portfolio-template-default .yarpp-related {display: none;}
.portfolio .ngg-gallery-thumbnail a {width: 111.8px;}
.closebtn {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; transition: all .2s; opacity: 0.5; background: #000; box-shadow: 0 0 5px #000000bf; font-family: Arial, Baskerville, monospace; font-size: 26px; position: absolute; top: 10px; right: 10px; padding: 0 4px; border: 2px solid #fff; border-radius: 50%;}
.closebtn:hover {opacity: 1;}
#leftcolumn .closebtn {color: #fff !important;}

/*NextGen Gallery*/
.ngg-galleryoverview {margin-top: 30px !important; margin-bottom: 30px !important;}
.ngg-gallery-thumbnail a {width: 110.8px;}
.ngg-gallery-thumbnail img {width: 100%;}
@media screen and (max-width:540px){
	.ngg-gallery-thumbnail a {width: 127.8px;}
}