/*
Theme Name:     Conceptavision-child
Description:    Custom Conceptavision Theme Based on SWELL
Author:         Andrew
Template:       swell
Version: 2.21

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

.home-logo {
    margin: auto;
    width: 70%;
    height: auto;
    max-width: 200px;
    xposition: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.astm-search-menu input.search-field {
    -webkit-box-shadow: 0 0 0 0 rgba(204,204,204,0) !important;
    -moz-box-shadow: 0 0 0 0 rgba(204,204,204,0) !important;
    box-shadow: 0 0 0 0 
    rgba(204,204,204,0) !important;
    padding: 3px !important;
}

.is-menu.dropdown form {
    display: none;
    min-width: 238px !important;
    }

#main-nav ul a {
    font-size: .75em !important;
    }

.learndash-wrapper .ld-modal {
    transform: translateY(-25%) translateX(-50%) !important ; 
    z-index: 100000 !important;
    }

.ld-button{
    color: #ffffff !important;
    margin-bottom: 20px !important;
    }

#banner-content h2{
    font-size: 4rem;}

.logotype{
    width: 70%;
    max-width: 290px !important;
}

h2.home-quote {
    font-size: 24px;
    }
    
.home-section {
    padding: 4em 0!important;
    }

.excerpt {
    font-weight: bold !important;
    }
    
#testimonials p {
    max-width: 800px !important;
    }

#projects-home section header h2, #secondary-video-home .inside .excerpt h2, #secondary-video-home .inside .excerpt p {
    font-weight: bold !important;
    color: #fff !important;
    }

.home section header h2, .home section header h1 {
    color: #990033 !important;
    font-weight: bold !important;
    }
    
.home section header h1, .home #projects h1, .home #testimonials h1 {
	text-align: center;
	padding: 0;
	margin: 0 auto 60px;
	width: 100% !important;
	font-size: 1.8em;
}

#projects-home {
    background: #990033 !important;
    }
#second-content, #what-we-do-content {
    background: #373737 !important;
    }
#projects-home h2, .home #testimonials h1,  #what-we-do-content h2, #projects-home h1, #what-we-do-content h1, #what-we-do-content h3, #what-we-do-content p{
    color: #fff !important;
    }
    
#projects-home a, a.button, li.menu-item a, #secondary-video-home a, a.button, li.menu-item a {
    color: #fff !important;
    border-color: #fff !important;
    }

#main-nav li a, .project.small .title span{
    font-weight: bold;
    text-transform: uppercase;
    }
    
#main-content{    
    background-image: url("https://conceptavision.com.au/wordpress/wp-content/uploads/2016/10/concept-logo-BG-light.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: static !important;
    z-index: 2;
    position: relative
    }
    
#aerial-content h2 {
    margin: 0px auto !important
    }
    
#secondary-video-home { 
  background: url(https://conceptavision.com.au/wordpress/wp-content/uploads/2018/07/workwithusoverlay.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
}

.loading .spinner {
    top: -50px !important;
    }
    
.site-header {
    overflow: hidden;
    }
    
header.main.entry-header {
    xbackground-image: url("http://localhost:8888/wp-content/uploads/2016/10/concept-BG2-1.jpg") !important;
    }
    
.site-header .top {
    position: fixed !important;
    z-index: 10000;
    }
    
.project.small .title span {
    border-bottom: 0px solid #fff !important;
    }
    
#main header.main {
    padding: 220px 0 120px 0 !important;
    }
    
.headshot {
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

img.headshot {
    max-width: 327px;
    width: 80%;
    height: auto
    }
    
.services-img-block{
    display:block;
    padding: 30px 0 30px 0;
    xmin-height: 180px;
    overflow: hidden;
}

.center { text-align: center;}

.left { text-align: left;}

iframe.animation {
    width:228px;
    height: 180px;
    margin: 0px auto;
}

h2 {
	font-size: 2.8rem;
}

h3 {
	font-size: 2.4rem;
}

h4 {
	font-size: 2rem;
}

span.byline {display: none !important;}

meta.date-author {display: none;}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.4) !important;}
    
.astm-search-menu input.search-submit {
    display:none !important;
    }

.astm-search-menu.full-width-menu form, .astm-search-menu.sliding form {
    top: -13px ;
    right: 1px;
    padding-bottom: 10px;
    z-index: 100;
    }
    
.astm-search-menu input.search-field {
    -webkit-box-shadow: 5px 5px 4px 1px rgba(204,204,204,1);
    -moz-box-shadow: 5px 5px 4px 1px rgba(204,204,204,1);
    box-shadow: 5px 5px 4px 1px rgba(204,204,204,1);
    padding: 3px;
}

svg.search-icon {
    height: 18px !important;
    width: 18px !important;
    margin-top: -3px;
    }
    
.concept-gif {
    max-width: 168px;}
    
#main-nav ul ul {
    margin-top: 0px !important;}
    
ol, ul {
    font-family: 'Quicksand', sans-serif;
    font-weight: 200;
}

#what-we-do-content {
    text-align: left;
    color: #ffffff !important;
    }
    
    
/*-----------------------------
Making WordPress Contact Form 7 Plugin form responsive and full width with CSS customization
Add this code snippet to your WordPress theme's style.css file.
-------------------------------*/

div.wpcf7 .wpcf7-form-control {

    max-width: 100%;
}

/* Make Contact Form 7 Select Dropdown field responsive & full width */

.wpcf7 select { 
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 4px;
    text-indent: 0px;
    width: 100%;
    z-index: 100;
}

/* Make Contact Form 7 text field full width & responsive */

.wpcf7-text, .wpcf7-textarea {
    width: 100%;
}

.mm-ismenu {
    background-color: #fff !important;
    }
    
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    border-bottom-width: 0px !important;    
}

.mm-list > li > a {
    font-weight: bold !important;
    text-transform: uppercase;
}

#aerial-content, #what-we-do-content, #home-content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 0 50px;
}

.onethird {
	width: 33.3%;
	padding: 20px;
	float:left;
    xpadding-top: 3em;
	}
	
#main header.has-background hr.short {
    display: none;
    }
	
#footer .widget-box {
    margin-left: 0% !important;
    }

body .widget_search .search-field {
    box-sizing: border-box !important;
    }
    
#home-content .tt_sc {
    text-align: center;
    margin-bottom: 0;
    background-color: transparent;
    }
	
#ttrust_social-2.widget-box, #search-2.widget-box, #custom_html-2.widget-box {
    max-width: 100% !important;
    width: 100% !important;
    text-align: center;
    }
    
#search-2.widget-box .inside {
    width: 90%;
    max-width:550px;
    padding: 0 !important;}

#footer .ttrustSocial ul li {
    float: none !important;
    display: inline-block;
    }
	
#footer .ttrustSocial ul {
    text-align: center;
    }
    
a, a.button, li.menu-item a {
    font-weight: bold !important;
    }

.gallery-item {
    padding: 20px;
    }

#sb_instagram {
    max-width: 800px;
    }
    
@media only screen and (max-width: 1024px) {
  
    
    .onethird{
        float: none;
        width: 95%;
        display:block;
        margin: 0 auto;
    }
    
    .gallery-columns-5 .gallery-item {
        max-width: 33.33% !important;
        }
    .gallery-columns-3 .gallery-item {
        max-width: 50%;
        }
}

@media screen and ( max-width: 910px ) {
	.astm-search-menu {
		display: none !important;
	}
}