/*
 * Theme Name: Third Coast RC
 * Author: CAD UIX
 * Version: 0.0.0
*/
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700|Open+Sans:300,300i,400,400i,600,600i');
.blowbrush {font-family: 'BlowBrush'}
.mavenpro {font-family: 'Maven Pro', sans-serif}
.opensans {font-family: 'Open Sans', sans-serif}
.regular {font-weight: 400}
.medium {font-weight: 500}
.semi {font-weight: 600}
.bold {font-weight: 700}
.italic {font-style: italic}

/* 6 7 2017 */
#content-wrap {
	min-height: 100vh;
    overflow: hidden;
}

.woocommerce div.product {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 15px 15px;
    margin-bottom: 15px;
}

.woocommerce div.product .product_title {
    color: #FFF;
}

.product_meta {
    color: #FFF;
}

.woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .reset_variations {
    color: #FFF;
    font-size: 1em;
}

.woocommerce div.product form.cart .variations select, .woocommerce .quantity .qty {
    padding: 7px;
    border-radius: 3px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #222;
    padding: 5px;
}

.woocommerce ul.products li.product a {
    display: table;
    margin: auto;
}

h2.woocommerce-loop-product__title {
    color: #FFF;
    text-align: center;
}

.woocommerce ul.products li.product .price {
    text-align: center;
}

.woocommerce ul.products li.product .button {
    display: table;
    margin: 1em auto 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 1px 15px;
}

.g_no_label label {
	display: none !important;
}

li.gfield input, li.gfield textarea {
    border: solid 1px #ddd;
}

/* 6 8 2017 */
div#search {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 999;
    transition: all .5s;
    transform-origin: center top;
    transform: scale(0);
}

div#search.open {
    transform: scale(1);
}

div#search .close {
    background-color: red;
    width: 50px;
    height: 50px;
    color: #FFF;
    opacity: 1;
    margin-top: 0px;
    margin-right: 0px;
    line-height: 0px;
    transform-origin: top right;
    transform: scale(0);
    transition: all 1s;
}

div#search .close:hover {
    color: red;
    background-color: #FFF;
}

div#search.open .close {
    margin-top: 15px;
    margin-right: 15px;
    transform: scale(1);
}

div#search form#searchform {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}

div#search form#searchform input#s {
    font-size: 60px;
    text-align: center;
    background-color: transparent;
    color: #FFF;
    border-bottom: solid 1px;
    box-shadow: none;
    width: 0px;
    transition: all 1s;
}

div#search.open form#searchform input#s {
    width: 600px; 
}

div#search form#searchform input#searchsubmit {
    display: block;
    margin: 15px auto 0;
    background-color: red;
    color: #FFF;
    border: 0;
    border-radius: 5px;
    padding: 5px 10px;
    transform: scale(0);
    transition: all 1s;
}

div#search.open form#searchform input#searchsubmit {
    transform: scale(1);
}

div#search form#searchform input#searchsubmit:disabled {
    background-color: hsla(0, 100%, 25%, 1);
}

div.ginput_recaptcha > div {
    /*margin: auto;*/
}

input#createaccount:after {
    display: inline-block;
}

div#search form#searchform input#s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777;
}
div#search form#searchform input#s::-moz-placeholder { /* Firefox 19+ */
  color: #777;
}
div#search form#searchform input#s:-ms-input-placeholder { /* IE 10+ */
  color: #777;
}
div#search form#searchform input#s:-moz-placeholder { /* Firefox 18- */
  color: #777;
}

div#search.open form#searchform input#s:focus {
    outline: none;
}

/* 6 9 2017 */
.float-panel.fixed .menu>.menu-item>a:hover, .float-panel.fixed .menu>.menu-item>a:focus {
	color: #FF0;
}

/* 6 15 2017 --- 6 16 2017 */
#banner:not(.carousel) {
    position: relative;
}
#banner:not(.carousel):before, #banner:not(.carousel):after {
    content: '';
    background-image: url(images/paint-stroke-brush.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1500px;
    height: 85px;
    position: absolute;
    margin: 0 auto;
    right: 0;
}
#banner:not(.carousel):before {
    left: 0;
    mix-blend-mode: overlay;
    z-index: 1;
    bottom: 30px;
}
#banner:not(.carousel):after {
    left: 20px;
    mix-blend-mode: screen;
    z-index: 2;
    bottom: 20px;
}
#banner:not(.carousel) .vcenter {
    z-index: 3;
}
#banner:not(.carousel) h1 {
    letter-spacing: 2px;
    padding-left: 80px;
}

.custom-template {
    font-size: 15px;
}
.custom-template.dark .container {
    color: #1F1F1F;
    background-color: #FFC926;
}
#events .events-listing, #parts .parts-listing {
    background-color: transparent!important;
    color: #fff!important;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
#events .event, #parts .part {
    padding-top: 15px;
    padding-bottom: 15px;
}
#events .event:hover .event-img:after, #parts .part:hover .part-img:after {
    opacity: 1;
}
#events .event:hover .event-title, #parts .part:hover .part-title {
    bottom: 0;
}
#events .event-img, #parts .part-img {
    width: 100%;
    max-width: 270px;
    margin-left: auto; margin-right: auto;
    padding-top: 270px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
#events .event-img:after, #events .event-title, #events .event-link,
#parts .part-img:after, #parts .part-title, #parts .part-link {
    position: absolute;
}
#events .event-img:after, #events .event-title, #parts .part-img:after, #parts .part-title {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#events .event-img:after, #parts .part-img:after {
    content: '';
    background: -webkit-linear-gradient(90deg, #222222 0, rgba(34,34,34,0) 100%);
    background: -moz-linear-gradient(0deg, #222222 0, rgba(34,34,34,0) 100%);
    background: linear-gradient(0deg, #222222 0, rgba(34,34,34,0) 100%);
    left: 0; top: 0; right: 0; bottom: 0;
    opacity: 0;
}
#events .event-title, #parts .part-title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
    left: 0; right: 0; bottom: -50px;
    padding: 15px;
    z-index: 1;
}
#events .event-link, #parts .part-link {
    left: 0; top: 0; right: 0; bottom: 0;
    z-index: 2;
}

.responsive-cols {   
    -moz-column-width: 11.5em;
    -webkit-column-width: 11.5em;
    column-width: 11.5em;
}
.responsive-cols ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.responsive-cols ul li:first-child {
    margin-top:0;
}

#events #image-right {
    margin-bottom: 30px!important;
}
#events #image-right .container {
    color: #fff;
    background-color: transparent;
}

/* 6 23 2017 */
.menu > .menu-item {
    display: inline-block;
    width: initial;
}

/* 7 11 2017 */
a.banner-badge {
    float: left;
    transform: translateY(50%);
    position: relative;
    z-index: 99
}

a.banner-badge:focus img, a.banner-badge:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}

@-webkit-keyframes flash {
    0% { opacity: .4; }
    100% { opacity: 1; }
}

@keyframes flash {
    0% { opacity: .4; }
    100% { opacity: 1; }
}
.float-panel.fixed .menu > .menu-item {
    padding: 2px 10px !important;
}
.float-panel.fixed * .col1 {
    display:none;
}
.float-panel.fixed * .col2 {
    width:100%;
}
#header-logo img{
    transition: .3s ease-in-out all;
}
#header-logo img:hover{
    transform: scale(.9);
}
@media ( max-width: 767px ) {
	p.bottom-space {
		display: none !important;
	}
}