/* General overrides */
a {cursor: pointer;}
.hidden {display: none;}
.bottom-logo img {width: 70%;}
.cat-list li.active a {color: #53b5e6 !important;font-weight: bold;}
.list-styled {padding-left: 20px;list-style: circle}
.sweet-alert > h3 {margin-top: 25px !important;font-weight: 400;font-size: 26px;}
.nav-tabs li.active .nav-link, a.nav-link:hover {color: #53b5e6 !important;}
nav > a.nav-link {color: #fff !important; opacity: .9;}
.input-group-prepend {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group-append {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.no-transform {text-transform: none;}
.typewriter {font-family: "Courier New", Courier, monospace;}
input[readonly] {background: #fff !important;}

/* Form elements */
input.form-control, textarea.form-control {width: 100% !important;}
.form-control:focus {
    border-color: #87cef2 !important;
    box-shadow: 0 0 0 0.2rem rgba(81, 200, 233, 0.2) !important;
}
.tab-content {border: 1px #ddd solid; border-top: none;}
select.form-control {height: 39px;}
select.squarebox {border-radius: 0 !important;}
.input-group2 .input-group-addon {
    background-color: #EEE;
    margin-top: 4px;
    margin-bottom: 3px;
    padding: 3px 12px;
    font-size: 11px;
    border: 1px #DDD solid;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.input-group3 .input-group-addon {
    background-color: #EEE;
    padding: 7px 12px;
    font-size: 13px;
    border: 1px #DDD solid;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.input-group2 > select, .input-group3 > select,
.input-group2 > input[type="text"], .input-group3 > input[type="text"] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.close-button {float: right;}
form .form-control, .input-group {font-size: 14px;margin-bottom: 8px;}
.card-body > form button {font-size: 14px !important;}
.disabled {color: currentColor;cursor: not-allowed;opacity: 0.5;text-decoration: none;}
.errorbox {border-color: #cd5656;background-color: #e7dcda;}
.bootstrap-select button.dropdown-toggle, button.dropdown-toggle:focus, button.dropdown-toggle:active, button.dropdown-toggle::selection {
    color: #495057 !important;
    border: 1px solid #ced4da !important;
    font-size: 14px;
    outline: none !important;
    background-color: #FFF !important;
}
.opacity50 {opacity: .5;}
input.form-control-lg {font-size: 18px;}

/* Branding Colours */
.hacclub_primary {color: #53b5e6 !important;}
.hacclub_secondary {color: #87cef2 !important;}
.hacclub_tertiary {color: #7fa8bd !important;}
.hacclub_quaternary {color: #4f6b79 !important;}

.hacclub_primary_bg {background-color: #53b5e6 !important;}
.hacclub_secondary_bg {background-color: #87cef2 !important;}
.hacclub_tertiary_bg {background-color: #7fa8bd !important;}
.hacclub_quaternary_bg {background-color: #4f6b79 !important;}

/* Colours */
.white_colour {color: #FFFFFF !important;}
.red_colour {color: #CC0000 !important;}
.green_colour {color: #009900 !important;}
.blue_colour {color: #0066CC !important;}
.orange_colour {color: #FF9900 !important;}
.gold_colour {color: gold !important;}
.grey_colour {color: #CCCCCC !important;}
.charcoal_colour {color: #8c8e94 !important;}
.colour-red {color: #cd5656;}
.colour-orange {color: #f78832;}
.colour-gold {color: #b5ac4d;}
.colour-green {color: #619629;}
.colour-navy {color: #4371a2;}
.colour-blue {color: #4e8fab;}
.colour-purple {color: #9367c6;}
.colour-pink {color: #af5294;}
.colour-grey {color: #666666;}

/* Text size classes */
.smaller {font-size: 14px;}
.td-small {font-size: 13px;}
.nav-link i {width: 25px;}
.strike, .strike-through {text-decoration: line-through;color: #ccc;}
.text-underlined {text-decoration: underline !important;}
.primary_colour, .primary_link {color: #53b5e6 !important;}
.primary_link:hover {text-decoration: underline !important;}
.normal-spacing {letter-spacing: normal;}

/* Margins */
.margin-right {margin-right: 5px !important;}
.margin-left {margin-left: 5px !important;}

/* Icons/Cursors */
.small_i {width: 20px;}
.wide-i {width: 26px;}
.help_icon {cursor: help;}
.click_cursor, .click-cursor {cursor: pointer !important;}

/* Clear */
.clear5 {clear: both;height: 5px;}
.clear10 {clear: both;height: 10px;}
.clear20 {clear: both;height: 20px;}
.clear30 {clear: both;height: 30px;}

/* Defined lists/Legal */
dl{margin-bottom:30px;}
dt,dd{line-height:20px;}
dt{font-weight:bold;}
dd{margin-left:10px;}
.dl-horizontal{*zoom:1;}
.dl-horizontal:before, .dl-horizontal:after{display:table;content:"";line-height:0;}
.dl-horizontal:after{clear:both;}
.dl-horizontal dt{float:left;width:50px;clear:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dl-horizontal dd{margin-left:60px;}

/* Folder Management/Intranet */
.fa-bigger {font-size: 17px !important;}
.folder_colour {color: #FFD700;width: 25px;font-size: 19px !important;}
.file_gold {color: #FFD700;}
.file_red {color: #CD5C5C;}
.file_green {color: #3CB371;}
.file_blue {color: #4169E1}
.file_orange {color: #FFA500;}
.file_grey {color: #C3C3C3;}

.team-section .subtitle {font-size: 24px;}
.bg-overlay-contact {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/imgs/banner-contact.jpg');;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-about {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/imgs/banner-about.jpg');;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-legal {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/imgs/banner-legal.jpg');;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-blog {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/imgs/banner-real-food-hub2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-brands {
    background: linear-gradient(rgba(0,0,0,.20), rgba(0,0,0,.20)), url('/imgs/banner-shop-by-brand.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.text-shadow-lighter {text-shadow: 0 0 10px #EEE;}
.text-shadow-light {text-shadow: 0 0 10px #CCC;}
.text-shadow-med {text-shadow: 0 0 10px #999;}
.text-shadow-dark {text-shadow: 0 0 10px #666;}
.text-shadow-darker {text-shadow: 0 0 10px #333;}
.contact-info i {
    background-color: #53b5e6;
    border-radius: 2px;
    width: 42px;
    height: 42px;
}
.img-circle {
    border-radius: 100%;
}
.img-rounded {
    border-radius: 5px;
}
.dropdown-menu {
    font-size: inherit;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #53b5e6;
}
.header-menu a:hover {
    color: #53b5e6 !important;
    text-decoration: none !important;
}
.entry-meta {
    margin-bottom: 15px;
}
.bs-searchbox input.form-control {
    height: inherit;
    padding: 5px 8px;
}

.legal-container {
    margin: 20px 0 50px 0;
}
.legal-container p {
    font-size: 14px;
}
.legal-container h3 {
    font-size: 24px;
}
.legal-container h4 {
    font-size: 20px;
}
.legal-container hr {
    margin: 30px 0;
    border: 0;
    border-top: 1px #eee solid;
}

.sweet-alert .lead {
    font-size: 16px;
}

.bg-signup-norm {background-color: #fff;}
.bg-signup-alt {background-color: #efefef;}
.fa-1x {font-size: 18px;}

/* App Backgrounds */
.bg-gradient-4t8fit-primary {background: linear-gradient(#01B49E, #007264);}
.bg-gradient-4t8fit-secondary {background: linear-gradient(#088983, #0f6561);}
.bg-gradient-4t8fit-tertiary {background: linear-gradient(#748e8d, #566665);}

.bg-4t8fit-primary {background: #01B49E;}
.bg-4t8fit-secondary {background: #088983;}
.bg-4t8fit-tertiary {background: #748e8d;}

.bg-gradient-balans-primary {background: linear-gradient(#006a5e, #014e45);}
.bg-gradient-balans-secondary {background: linear-gradient(#ba9f64, #806e47);}
.bg-gradient-balans-tertiary {background: linear-gradient(#4b5c5b, #384443);}

.bg-balans-primary {background: #006a5e;}
.bg-balans-secondary {background: #ba9f64}
.bg-balans-tertiary {background: #4b5c5b;}

.bg-gradient-hacclub-primary {background: linear-gradient(#53b5e6, #3d81a3);}
.bg-gradient-hacclub-secondary {background: linear-gradient(#7fa8bd, #627f8d);}
.bg-gradient-hacclub-tertiary {background: linear-gradient(#87cef2, #6394ad);}

.bg-hacclub-primary {background: #53b5e6;}
.bg-hacclub-secondary {background: #7fa8bd;}
.bg-hacclub-tertiary {background: #87cef2;}

.bg-gradient-blue, .bg-colour-navy {background: linear-gradient(#4371a2, #2d4b6c);}
.bg-gradient-cyan, .bg-colour-blue {background: linear-gradient(#4e8fab, #366376);}
.bg-gradient-teal {background: linear-gradient(#20c997, #158765);}
.bg-gradient-green, .bg-colour-green {background: linear-gradient(#619629, #88cb41);}
.bg-gradient-yellow {background: linear-gradient(#ffc107, #ffd454);}
.bg-gradient-orange, .bg-colour-orange {background: linear-gradient(#f78832, #d46108);}
.bg-gradient-red, .bg-colour-red {background: linear-gradient(#cd5656, #a63131);}
.bg-gradient-pink, .bg-colour-pink {background: linear-gradient(#af5294, #7b3968);}
.bg-gradient-purple, .bg-colour-purple {background: linear-gradient(#9367c6, #6c3da3);}

.bg-blue {background: #4371a2;}
.bg-cyan {background: #4e8fab;}
.bg-teal {background: #20c997;}
.bg-green {background: #619629;}
.bg-yellow {background: #ffd454;}
.bg-orange {background: #f78832;}
.bg-red {background: #cd5656;}
.bg-pink {background: #af5294;}
.bg-purple {background: #6c3da3;}

.bg-colour-gold {background: linear-gradient(#ffc107, #ffe454);}
.bg-colour-grey {background: linear-gradient(#666, #444);}