/*
Theme Name:     TechARTS
Description:    Custom Website Design for TechARTS
Author:         454 Creative
Author URI: 	http://www.454creative.com
Template:       Exposed                           
Version:        1.0
*/

@import url("../Exposed/style.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
/* 454 Custom CSS */

.fw-flexslider-wrap .fws, .fw-flexslider-wrap {
margin-bottom: 50px;
}

p {
text-shadow:-2px 3px 2px #000;
color:#fff;
}

.container-bg {
background: rgba(0, 0, 0, 0.8) !important;
}

.full-width .gallery-details-wrapper {
margin: 0px 10px;
overflow: visible !important;
}

.ssba {
display: none;
}

/* test */
/* Landing Page */
.lp-full-width{
    -webkit-font-smoothing: auto;
    font-family: 'Lato', sans-serif;
}
.post-1845 .wp-block-cover.has-background-dim:not(.has-background-gradient):before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity:.8;
}
.post-1845 .footer-image.wp-block-cover.has-background-dim:not(.has-background-gradient):before{
    opacity:.6;
}
/*.post-1845 .wpcp-carousel-section.slick-initialized .slick-slide,.sp-wpcp-1847 .wpcp-single-item, .sp-wpcp-1847 .wpcp-slide-image{
    width:unset !important;
    height:14vw;
}
.post-1845 .wpcp-slide-image img{
    height:100%;
    width:auto;
}
.sp-wpcp-1847 .slick-track{
    display:flex;
}
.sp-wpcp-1847 .slick-list{
    margin-right:0;
}
*/
.lp-cover-img{
    height:630px;
    background-image:url(http://www.techartscreative.com/wp-content/uploads/2021/03/fernando-lavin-rDQXGbn7u6o-unsplash-scaled.jpg);
}
.hero-text{
    font-size: 27px;
    max-width:770px;
    margin:auto;
    font-weight: 300;
    line-height: normal;
}
.disciplines{
    text-align:center;
    padding-bottom:277px;
}
.disciplines div p{
    margin-top:41px;
    font-size: 21px;
}
.no-shadow{
    text-shadow:none;
}
.lp-width{
	max-width:1000px;
	margin:auto;
}
.small-text{
    font-size:19px;
    line-height:31px;
    font-weight:300;
}
.lp-intro-p{
    padding-top:111px;
}
.lp-subpreheader{
    padding-top:95px;
}
.lp-sub-header{
    padding-bottom:106px;
    font-weight:lighter;
}
.lp-sub-header, .lp-subpreheader{
    text-align:center;
}
.wpcp-wrapper-1847{
    margin-top:109px;
    padding-bottom:136px;
}
.white-bg{
    background-color:#FFFFFF;
}
.white-bg.lp-intro{
    padding-bottom:111px;
}
.black-bg{
    background-color:#000000;
}
.blue-bg{
    background-color:#22aae6;
}
.light-bg, h2.light-bg{
    color:#000000;
}
.packages{
    padding-bottom:159px;
}
.package{
    background-color:#f7f7f7;
    margin: -111px 75px 0 75px;
    padding:65px 60px 43px;
    border-bottom:17px solid #49b7e8;
    text-align:center;
}
.package-header{
    font-weight:bold;
}
.price{
    font-weight:900;
    font-size:38px;
    padding-top:10px;
    margin-bottom:10px;
}
.pkg-desc{
    padding-top:15px;
}
.venues p{
    font-size: 37px;
    line-height: normal;
    font-weight: 300;
    padding: 0px 45px 0 107px;
}
.venues div{
    padding: 95px 0;
}
.lp-list{
    padding-right: 83px;
}
ul.lp-list li{
    list-style-type: none;
    padding: 25px 0;
    color:#FFFFFF;
    font-size:26px;
    font-weight:lighter;
}
ul.lp-list li:not(:last-child){
    border-bottom: 2px solid #49b7e8;
}
.cta{
    font-size:48px;
    line-height:normal;
}
.cta-small-text{
    font-size:22px;
    font-weight:300;
}
/*lp slider*/

.lab-images-slider {
	height: 350px;
}
.lab-images-slider-wrapper {
	position: relative;
}
.slider-arrow-left {
	font-family: 'dashicons';
	font-size: 36px;
	color: #fff;
	content: '\f341';
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	z-index: 1000;
}
.slider-arrow-right {
	font-family: 'dashicons';
	font-size: 36px;
	color: #fff;
	content: '\f345';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	z-index: 1000;
}
.lab-images-slider img {
	margin-right: 16px;
	max-height: 350px;
	height: 100%;
}
				
@media screen and (max-width:1200px){
    .lp-intro, .lp-footer, .black-bg{
        padding:0 70px;
    }
    .post-1845 .wpcp-carousel-section.slick-initialized .slick-slide,.sp-wpcp-1847 .wpcp-single-item, .sp-wpcp-1847 .wpcp-slide-image{
        height:18vw;/*height:220px;*/
    }
}
@media screen and (max-width:1000px){
    .hero-text{
        font-size:30px;
        padding:0 15px;
    }
    .cta{
        font-size:40px;
    }
    .venues p{
        font-size:30px;
    }
    ul.lp-list li{
        font-size:22px;
    }
}
@media screen and (max-width:850px){
    .package{
        margin: -111px 65px 0 65px;
        padding: 65px 30px 43px;
    }
    .venues p{
        padding: 25px 0px 0 90px;
    }
}
@media screen and (max-width:782px){
    .packages div:nth-child(2){
        margin-top:50px;
        margin-left:65px;
    }
    .lp-full-width .wp-block-columns{
        justify-content:center;
    }
}
@media screen and (max-width:714px){
    .post-1845 .wpcp-carousel-section.slick-initialized .slick-slide,.sp-wpcp-1847 .wpcp-single-item, .sp-wpcp-1847 .wpcp-slide-image{
        height:25vw;/*height:220px;*/
    }
    .venues div{
        padding:0;
        flex-basis: 70% !important;
    }
    .venues p{
        padding: 80px 0 0 0;
        text-align:center;
    }
    .venues div:nth-child(2){
        margin:0;
        padding-bottom:80px;
    }
    .blue-bg{
        padding:0 75px;
    }
    .lp-list{
        margin-bottom:0;
        max-width: 300px;
        padding-right: 0;
        margin: 30px auto 0;
    }
}
@media screen and (max-width:500px){
    .lp-cover-img{
        height:500px;
    }
    .hero-text{
        font-size:25px;
    }
    .post-1845 .wpcp-carousel-section.slick-initialized .slick-slide, .sp-wpcp-1847 .wpcp-single-item, .sp-wpcp-1847 .wpcp-slide-image{
        height:170px;
        width:170px !important;
    }
    .lp-intro, .lp-footer, .black-bg, .blue-bg{
        padding:0px 40px;
    }
    .lp-intro-p{
        padding-top:65px;
    }
    .wpcp-wrapper-1847{
        margin-top: 65px;
        padding-bottom: 65px;
    }
    .lp-sub-header{
        padding-bottom:30px;
    }
    .disciplines{
        padding-bottom:190px;
    }
    .disciplines div{
        margin:25px 0;
    }
    .package{
        margin: -111px 25px 0 25px;
    }
    .packages div:nth-child(2){
        margin-left:25px;
    }
    .packages{
        padding-bottom:65px;
    }
    .venues p{
        padding: 65px 0 0 0;
        font-size:25px;
    }
    .venues div:nth-child(2){
        padding-bottom:65px;
    }
    .cta{
        font-size:33px;
    }
}