@import "brothers/stylesheet.css";

/* global */
body {
    background: #000 !important;
}

a {
    text-decoration:none !important;
}

h1 {
    color:#F7DA24 !important;
}

h3, h4, h2.post-title {
    color:#F7DA24 !important;
    font-family: "brothersregular", sans-serif !important;
}

h2.post-title {
    font-size:2em !important;
    text-transform: uppercase !important;
}

.img-circle {
    border-radius: 50% !important;
}

.active {
    color:#F7DA24 !important;
}

/*primary nav css */
.ct-logo__image {
    height: 120px !important;
}

/* primary header */
.ct-header::after, .ct-header__hero::after, .ct-header__main-heading {
    border-top: 0px !important;
}

/*primary nav css */
.ct-logo__image {
    max-height: 75px;
}

ul.ct-main-navigation>li {
    margin: 0 20px 0 0 !important;
    margin-right: 30px !important;
}

ul.ct-main-navigation li a {
    font-family: "Rye", sans-serif !important;
    font-size: 14px !important;
    color:inherit !important;        /* Keep or not keep ? */
}

ul.ct-main-navigation li a:hover {
    color:#F7DA24 !important;
}

nav ul ul {
    background: rgb(22,20,22, 0.9) !important;
}

/* Interior information */

.int-purple-fade {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#282d71+0,000000+100 */
    background: #282d71; /* Old browsers */
    background: -webkit-linear-gradient(#282d71 0%, #000000 100%);
    background: -o-linear-gradient(#282d71 0%, #000000 100%);
    background: linear-gradient(#282d71 0%, #000000 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282d71', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.ct-header__wrapper--stuck {
    background:#070B4F !important;
}

/* primary footer */
ul.socials a {
text-decoration: none !important;    
} 

.footer-txt1 {
    font-family: "brothersregular", sans-serif !important;
    color:#F7DA24;
    font-size: 1.625em; /* 26px */
    padding-bottom:24px;
}

.footer-txt {
    font-size:10px;
    padding-bottom:20px;
}

aside#text-2, aside#text-3, aside#text-4 {
    flex: 0px !important;
    max-width:33.333333333333333% !important;
}

/* page content */

#ct-main-nav__toggle-navigation {
    font-family: "Rye", sans-serif !important;    
}

.fa-container {
    flex-direction: row; 
    display: flex;
    width:auto; 
    height:auto;
}

.fab {
    font-size:1.75em;
    color:#FFF;
    padding-right:20px;
    transition:all .75s ease;
    -moz-transition:all .75s ease;
    -o-transition:all .75s ease;
    -webkit-transition:all .75s ease;
}
.fab:hover {
    color:#F7DA24;
}

.brothers-cta-1 a {
    font-family: "brothersregular", sans-serif !important;
    color:#F7DA24;
    font-size: 2em; /* 32px */
    text-transform:uppercase;
    transition:all .75s ease;
    -moz-transition:all .75s ease;
    -o-transition:all .75s ease;
    -webkit-transition:all .75s ease;
}

.brothers-cta-2 a {
    font-family: "brothersregular", sans-serif !important;
    color:#282D71 !important;
    font-size: 2em; /* 32px */
    text-transform:uppercase;
    transition:all .75s ease;
    -moz-transition:all .75s ease;
    -o-transition:all .75s ease;
    -webkit-transition:all .75s ease;
}

.brothers-cta-1 a:hover {
    color:red !important;
}

.brothers-cta-2 a:hover {
    color:red !important;
}

.event-date {
    font-family: "Rye", sans-serif !important;
    color:#D9292A;
    font-size: 5em;
    line-height:1em !important;
}

.event-location {
    font-family: "brothersregular", sans-serif !important;
    color:#FFF;
    font-size: 1.5em;
    text-transform: uppercase !important;
}

.event-details {
    margin-top:-20px !important;
}

.tp-caption.rev-btn:hover {
    background:#D9292A !important;
    border-color: #D9292A !important;
}

.ac-style.ui-accordion-header.ui-state-default {
    font-family: "brothersregular", sans-serif !important;
    font-size: 1.125em !important;
}

/* colors */

.red {
    color: #D9292A !important;
}

.yellow {
    color: #F7DA24 !important;
}

.purple {
    color: #282D71 !important;
}

/* feature buttons */
.feature-btn {
    font-family: "Rye", sans-serif !important;
    text-transform: uppercase;
    color:#FFF;
    padding:16px 32px;
    border: solid 1px #F7DA24;
    border-radius:10px;
    font-size:16px;
    text-align: center;
    background:transparent;
    transition:all .75s ease;
    -moz-transition:all .75s ease;
    -o-transition:all .75s ease;
    -webkit-transition:all .75s ease;
    max-width:auto;
    display:inline;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
}

.feature-btn:hover {
    background:#F7DA24;
    color:#000;
}

.email-link a {
    transition:all .75s ease;
    -moz-transition:all .75s ease;
    -o-transition:all .75s ease;
    -webkit-transition:all .75s ease;
}

.email-link a:hover {
    color:#F7DA24;
}