/*
Theme Name: Creative A Child theme
Description: Child theme for Creative Asset - Parent Theme
Version: 1.0.1
Author: Creative Asset
Template: creativea
*/

/*--------------------------------------------------------------
# Brand colours
CORE

Light Blue #188acb
Yellow #fdb027
Red #c6251d
Dark Blue #0b477a


# Fonts
- font-family: industry, sans-serif;
- font-family: acumin-pro, sans-serif;

--------------------------------------------------------------*/

.fixed {
    position: fixed;
}

body, p {
    font-family: acumin-pro, sans-serif;
    font-size: 17px;
    line-height: 1.8em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: industry, sans-serif;
}

h1 {
    font-size: 46px;
    line-height: 1.2em;
}

h2 {
    font-size: 34px;
    line-height: 1.3em;
}

h3 {
    font-size: 30px;
    line-height: 1.3em;
}

h4 {
    font-size: 26px;
    line-height: 1.4em;
}

h5 {
    font-size: 23px;
    line-height: 1.5em;
}

h6 {
    font-size: 20px;
    line-height: 1.6em;
}


.ca-uppercase {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ca-hero-heading h1 {
    font-size: 58px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ca-opacity-40 {
    opacity: 0.4;
}

.ca-opacity-20 {
    opacity: 0.2;
}

.ca-infront {
	position: relative;
	z-index: 10;
}

lottie-player{
    height: 100% !important;
}

/*--------------------------------------------------------------
# Text Styles
--------------------------------------------------------------*/

.blue-text {
    color: #188acb !important;
}

.yellow-text {
    color: #fdb027 !important;
}

.red-text {
    color: #c6251d !important;
}

.grey-text {
	color: #b6b6b6 !important;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.quadmenu-align-left .quadmenu-navbar-nav {
    text-align: right !important;
}

.quadmenu-text {
    font-family: industry, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    padding: 0 10px !important;
}

.quadmenu-dropdown-menu {
    max-width: 1500px;
    margin: 0 auto !important;
    padding: 25px 40px !important;
}

#dropdown-111:after {
    content: "";
    width: 100%;
    background: #188acb;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#dropdown-112:after {
    content: "";
    width: 100%;
    background: #fdb027;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#dropdown-220:after {
    content: "";
    width: 100%;
    background: #c6251d;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.quadmenu-dropdown-menu .quadmenu-title {
    padding-bottom: 10px !important;
    margin-bottom: 25px !important;
}


/* Search Icon */

.quadmenu-navbar-nav #menu-item-226 .quadmenu-text {
    font-size: 25px !important;
    color: #188acb;
    margin-bottom: -5px !important;
}


/* Menu Button */

.quadmenu-navbar-nav #menu-item-165 {
    margin-left: 20px !important;
}

.quadmenu-navbar-nav #menu-item-165 a {
    background: #188acb !important;
}

.quadmenu-navbar-nav #menu-item-165 .quadmenu-text {
    color: #ffffff !important;
}

/* Mega - Images */

/*.widget_media_image {
    margin: 0 5% 0 0 !important;
}*/

.widget_media_image img {
    max-height: 250px !important;
    width: 100% !important;
    object-fit: cover;
}


/* Mega - Hire */

.ca-highlight a {
    font-size: 17px !important;
    font-weight: 700;
    color: #d6d6d6;
}

.ca-highlight a:hover {
    color: #188acb !important;
}

.quadmenu-title {
    margin-right: 40px !important;
}


/* Mega - New */

.ca-highlight-new a {
    font-size: 17px !important;
    font-weight: 700;
    color: #d6d6d6;
}

.ca-highlight-new a:hover {
    color: #fdb027 !important;
}

#dropdown-406 .quadmenu-title {
    border-color: #fed793 !important;
}

#dropdown-407 .quadmenu-title {
    border-color: #fed793 !important;
}


/* Mega - Used */

#dropdown-221 {
    padding-right: 40px !important;
}

.ca-mega-line {
    width: 90%; 
    height: 2px; 
    background: #cccccc;
    margin-top: 30px;
    margin-bottom: 5px;
}

.ca-mega-link-used {
    font-size: 17px !important;
    font-weight: 600;
    color: #d6d6d6;
}

.ca-mega-link-used:hover {
    color: #c6251d;
}

#dropdown-222 .quadmenu-title {
    border-color: #ffffff !important;
    margin-bottom: 5px !important;
}


/* Sticky Header */

.fl-theme-builder-header-scrolled .ca-hide-sticky {
    display: none !important;
}

.fl-theme-builder-header-shrink .fl-node-5fc10abf13623-img-0 {
    max-height: 75px !important;
}

.fl-theme-builder-header-shrink-row-bottom {
    padding-top: 5px !important;
}


/* Icon Bar */

.ca-icon-bar {
    position: relative;
    z-index: 10;
}

.ca-header-bar {
	margin-left: 15% !important;
}

.ca-header-bar .uabb-info-list-icon {
	vertical-align: middle !important;
	margin-right: 12px !important;
}

/*--------------------------------------------------------------
# Product Tiles
--------------------------------------------------------------*/

.ca-category-tile h3 {
	font-size: 28px;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.ca-footer-menu a:hover {
    color: #188acb !important;
}

.ca-footer-bar {
    margin-left: 5% !important;
}

.ca-footer-bar .uabb-info-list-icon {
    vertical-align: middle !important;
    margin-right: 12px !important;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.ca-dual-btn-hero a {
    font-family: industry, sans-serif;
    font-size: 22px;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    padding: 11px 24px 9px 24px !important;
}

.ca-dual-btn a {
    font-family: industry, sans-serif;
    font-size: 16px;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    padding: 10px 22px 8px 22px !important;
}

.ca-main-btn a {
	font-family: industry, sans-serif;
}


/*--------------------------------------------------------------
# Product Pages
--------------------------------------------------------------*/

.ca-product-filter .searchandfilter ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.ca-product-filter .widgettitle {
    font-size: 27px;
    font-weight: 400;
    color: #000000;
}

.ca-product-filter .sf-field-submit {
    padding-top: 20px !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 0;
    border-radius: 0;
    background: #000000;
    color: white;
    font-size: 15px;
    line-height: 1;
    padding: 12px 26px;
}

.ca-product-gallery .uabb-image-carousel img {
    height: 320px !important;
    object-fit: cover;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.ca-contact-form .gform_button {
	font-family: industry, sans-serif !important;
	font-size: 15px;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	padding: 14px 30px 12px 30px !important;
}




/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width : 1200px) {

.quadmenu-text {
    font-family: industry, sans-serif;
    font-size: 15px;
}
}


@media only screen and (max-width : 1100px) {

.quadmenu-title {
    margin-right: 0px !important;
}

.quadmenu-text {
    font-family: industry, sans-serif;
    font-size: 14px;
    padding: 0px !important;
}
}



/* ----- MEDIUM DEVICES ----- */

@media only screen and (max-width : 992px) {

.ca-hide-medium {
	display: none;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 21px;
}

h6 {
    font-size: 18px;
}

.ca-hero-heading h1 {
    font-size: 50px;
}

.ca-category-tile h3 {
	font-size: 22px;
}

.ca-need-advice h6 {
	font-size: 16px;
}

/* Menu */

#quadmenu.quadmenu-default_theme:not(.quadmenu-is-horizontal) .navbar-offcanvas {
    width: 80vw !important;
}

.quadmenu-navbar-toggle {
	float: right !important;
}

.quadmenu-navbar-toggle .icon-bar-container {
	width: 35px !important;
}

.quadmenu-dropdown-menu {
    padding: 20px 0 !important;
}

#quadmenu .quadmenu-navbar-toggle:not(.collapsed) .icon-bar-container .icon-bar-top {
    background-color: #ffffff !important;
}

#quadmenu .quadmenu-navbar-toggle:not(.collapsed) .icon-bar-container .icon-bar-bottom {
    background-color: #ffffff !important;
}

#quadmenu .navbar-offcanvas.in {
    box-shadow: -79px 0 3000px 1300px rgba(0,0,0,0.66) !important;
}


/* Search */

#menu-item-226 {
    margin-top: 20px !important;
}


/* Talk button*/

#menu-item-165 {
    margin-top: 12px !important;
}


/* Mega images */

#menu-item-145 {
    display: none !important;
}

#menu-item-408 {
    display: none !important;
}

#menu-item-222 {
    display: none !important;
}


/* Icon Bar */

.ca-header-bar {
	margin-left: -7% !important;
}

.ca-header-bar .uabb-info-list-icon {
	margin-right: 5px !important;
}


/* Product pages */

.sf-input-select {
	margin-left: 10px;
}

.sf-field-taxonomy-product_cat {
	display: flex !important;
}

.sf-field-taxonomy-product-type {
	display: flex !important;
}

.sf-field-taxonomy-product-brand {
	display: flex !important;
}

.sf-field-taxonomy-product-industry {
	display: flex !important;
}

}



/* ----- MOBILE DEVICES ----- */

@media only screen and (max-width : 768px) {

.ca-hide-mobile {
	display: none;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 19px;
}

h6 {
    font-size: 17px;
}

.ca-hero-heading h1 {
    font-size: 40px;
}

.ca-category-tile h3 {
	font-size: 21px;
}

.ca-dual-btn-hero a {
    font-size: 17px;
    padding: 11px 24px 9px 24px !important;
}

/* Menu */

.quadmenu-navbar-toggle .icon-bar-container {
	height: 35px !important;
	width: 40px !important;
	margin-top: 15px;
}

}

@media only screen and (max-width : 650px) {

}