/*
 Theme Name:   Aglet
 Theme URI:    http://aglet.co.za
 Description:  Aglet Child Theme
 Author:       Aglet
 Author URI:   http://aglet.co.za
 Template:     salient
 Version:      1.0.0
*/

/*
For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides: */

/*--------------------------------------------------------------
+ Don't over-comment
+ Make clear short descriptions
+ Group sections together to fall under one comment
+ Keep code neat and tidy (tab indent)
+ Media Queries at the bottom of the page
+ Responsive screen sizes: https://scotch.io/tutorials/default-sizes-for-twitter-bootstraps-media-queries
--------------------------------------------------------------*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*--------------------------------------------------------------
PAGE / SECTION NAME (eg. GENERAL, HEADER, FOOTER, FORMS, HOME, ABOUT US)
--------------------------------------------------------------*/

/* SECTION NAME: Description (eg. TABS: Hover state styling) */

/*---------------------------------------------------------------
NAMING CONVENTION: {Project-Initials}-attribute;
---------------------------------------------------------------*/

/*--------------------------------------------
STANDARD/COMMON ELEMENTS
--------------------------------------------*/
.page-id-10 .cls-7{
      fill: #fff;
}
.page-id-98 .cls-7, .page-id-32 .cls-7, .page-id-34 .cls-7, .page-id-24 .cls-7{
  fill: #231f20 !important;
}
.page-id-10 .small-nav .cls-7{
  fill: #231f20;
}
.wpb_row {
  padding-top: 5% !important;
  padding-bottom: 5% !important;
}

.no-padding-top-bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.vc_column-inner .wpb_row {
  padding-top: 1% !important;
  padding-bottom: 0 !important;
}

.nectar-fancy-ul ul li i.icon-default-style[class^="icon-"].icon-salient-thin-line {
  font-size: 32px !important;
  font-weight: bold;
  line-height: 32px !important;
}


.nectar-button span {
  text-transform: initial !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
}

#page-header-bg .span_6 h1, .nectar-box-roll .overlaid-content h1 {
  font-weight: 600;
  color: #ffffff !important;
  font-size: 2em;
}

#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap, #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap {
	padding-top: 0 !important;
}

.ai-font-bolder-700 p {
	font-weight: 700 !important;
}

/*IMPORTS: Importing all other stylesheets.*/

/*@import url("../store/style.css");*/

/*FONTS: Importing all other stylesheets.*/

/*@font-face {
    font-family: 'gt_eesti_displaybold';
    src: url('fonts/gt-eesti-display-bold-2-webfont.woff2') format('woff2'),
         url('fonts/gt-eesti-display-bold-2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

/* COLORS: Declaring the standard colors.
---------------------------------------*/

/*-- Defualt Text Colors.
--------------------------------------*/

/* body, p, h1, h2, h3, h4, h5, h6 {
  color: #231f20 !important;
} */

.ai-text-orange, .ai-text-orange h1, .ai-text-orange h2, .ai-text-orange h3, .ai-text-orange h4, .ai-text-orange h5, .ai-text-orange h6 {
  color: #fbb11b !important;
}

.ai-text-white, .ai-text-white h1, .ai-text-white h2, .ai-text-white h3, .ai-text-white h4, .ai-text-white h5, .ai-text-white h6 {
  color: #ffffff !important;
}

/*.{project-initials}-text-black{
	color: #000;
}
.{project-initials}-text-white{
	color: #FFF;
}
.{project-initials}-text-primary{
	color: #FFF;
}
.{project-initials}-text-secondary{
	color: #FFF;
}*/

/*-- Defualt Shade Colors.
--------------------------------------
--------------------------------------*/

/*.{project-initials}-text-black-shade{
	color: #333;
}
.{project-initials}-text-white-shade{
	color: #EFEFEF;
}
.{project-initials}-text-primary-shade{
	color: #FFF;
}
.{project-initials}-text-secondary-shade{
	color: #FFF;
}*/

/*-- Defualt Background Colors.
--------------------------------------
--------------------------------------*/

.ai-background-orange {
  background-color: #fbb11b !important;
}

/*.{project-initials}-background-color-black{
	color: #000;
}
.{project-initials}-background-color-white{
	color: #FFF;
}
.{project-initials}-background-color-primary{
	color: #FFF;
}
.{project-initials}-background-color-secondary{
	color: #FFF;
}*/

/*-- Defualt Backgrounde Colors.
--------------------------------------
--------------------------------------*/

/*.{project-initials}-background-color-black-shade{
	color: #333;
}
.{project-initials}-background-color-white-shade{
	color: #EFEFEF;
}
.{project-initials}-background-color-primary-shade{
	color: #FFF;
}
.{project-initials}-background-color-secondary-shade{
	color: #FFF;
}*/

/*-- STANDARD VALUES.
----------------------------------
----------------------------------*/

/*html, body {
	background: #fff;
}

.{project-initials}-width-100{
	width: 100% !important;
}
.{project-initials}-height-100{
	height: 100% !important;
}*/

/*Padding
-----------------------------------*/

/*.{project-initials}-padding-0{
	padding: 0% !important;
}
.{project-initials}-padding-left-0{
	padding-left: 0% !important;
}
.{project-initials}-padding-right-0{
	padding-right: 0% !important;
}
.{project-initials}-padding-bottom-0{
	padding-bottom: 0% !important;
}
.{project-initials}-padding-top-0{
	padding-top: 0% !important;
}*/

/* Margin
------------------------------------*/

/*.{project-initials}-margin-0{
	margin: 0% !important;
}
.{project-initials}-margin-left-0{
	margin-left: 0% !important;
}
.{project-initials}-margin-right-0{
	margin-right: 0% !important;
}
.{project-initials}-margin-bottom-0{
	margin-bottom: 0% !important;
}*/

.ai-margin-tb-2em {
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}

.ai-margin-bottom-2em {
	margin-bottom: 2em !important;
}

.ai-margin-top-2em {
	margin-top: 2em !important;
}

/* Button
-----------------------------------*/

/*.{project-initials}-btn-standard{
	border-radius: 0px !important;
}
.{project-initials}-btn-standard:hover{
	border-radius: 0px !important;
}
.{project-initials}-btn-secondary{
	border-radius: 0px !important;
}
.{project-initials}-btn-secondary:hover{
	border-radius: 0px !important;
}
.{project-initials}-btn-square{
	border-radius: 0px !important;
}*/

/* Titles/Paragraphs
---------------------------------*/

/*.{project-initials}-main-title{
	padding: 0px;
	margin: 0px;
}
.{project-initials}-sub-title{
	padding: 0px;
	margin: 0px;
}
.{project-initials}-paragraph{
	padding: 0px;
	margin: 0px;
}*/

/* Animations
---------------------------------*/

/*.{project-initials}-animation-primary:hover{
	padding: 0px;
	margin: 0px;
}
.{project-initials}-animation-secondary:hover{
	padding: 0px;
	margin: 0px;
}*/

/* Pages/Sections
---------------------------------*/

/*.{project-initials}-page-wrapper{
	padding: 0px;
	margin: 0px;
}
.{project-initials}-main-wrapper{
	padding: 0px;
	margin: 0px;
}
.{project-initials}-sub-wrapper{
	padding: 0px;
	margin: 0px;
}*/

/* --------------------------------------------
UNIQUE PAGE COMPONENTS STYLES
----------------------------------------------*/

/*-- THUMBNAILS (FANCY BOX)
--------------------------------------
--------------------------------------*/

.nectar-fancy-box[data-style=hover_desc]>.inner>.heading-wrap {
    font-weight: 500;
    font-size: 1.3em;
    line-height: 1.5em;
}	

.nectar-fancy-box[data-style=hover_desc] .hover-content {
	margin-top: 2em;
    background-color: #fbb11b;
    padding: 0.5em !important;
	font-weight: 500;
}


/*-- HOME PAGE
--------------------------------------
--------------------------------------*/

.ai-popup-button {    top: -6em !important;
    margin-right: 3em;
    float: right;
}

/*#what-we-do .nectar-fancy-box .inner {*/
/*    max-width: fit-content;*/
/*    margin: 0 auto;*/
/*}*/

/*#what-we-do .nectar-fancy-box .inner .heading-wrap{*/
/*    max-width: fit-content;*/
/*    margin: 0 auto;*/
/*}*/

#what-we-do .nectar-fancy-box .inner .hover-content {
    max-width: fit-content;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
}

/*-- PRODUCTS PAGE
--------------------------------------
--------------------------------------*/

.ai-arteco-logo {
  width: 120px !important;
  padding-top: 2%;
  padding-bottom: 1%;
}

/*-- CONTACT PAGE
--------------------------------------
--------------------------------------*/

.ai-contact-details a {
  color: #231f20;
}

.ai-contact-details a:hover {
  color: #fbb11b;
}
/*-- HEADER
--------------------------------------
--------------------------------------*/
nav .sf-menu > li.menu-item ul.sub-menu{
    padding: 0 !important;
}

nav .sf-menu > li.menu-item ul.sub-menu li a{
    padding: 10px 20px !important;
}
nav .sf-menu > li.menu-item ul.sub-menu li:nth-child(odd) a{
    background: rgba(255,255,255, 0.2) !important;
}
/*-- FOOTER
--------------------------------------
--------------------------------------*/

#footer-outer, #nectar_fullscreen_rows>#footer-outer.wpb_row .full-page-inner-wrap {
  background-color: #ffffff !important;
}

#footer-outer .container .row {
  border-top: 1px solid #231f20;
}

#footer-outer #footer-widgets .col p {
  font-size: 14px !important;
}

#footer-outer a {
  color: #fbb11b !important;
  font-weight: 6f00 !important;
}

#footer-outer a:hover {
	text-decoration: underline;
  }

#footer-widgets, .ascend #footer-outer .widget h4 {
	color: #231f20 !important;
  }  

/*--------------------------------------------
RESPONSIVE MEDIA QURIES
--------------------------------------------*/

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

#page-header-bg[data-bg-pos="center"] .page-header-bg-image {    background-position: center right !important;}
/*
	PAGE / SECTION NAME: Description (eg. HOME: Tabs - Hover state styling)

	-- HOME PAGE
	--------------------------------------
	--------------------------------------


	-- ABOUT PAGE
	--------------------------------------
	--------------------------------------


	-- CONTACT PAGE
	--------------------------------------
	--------------------------------------
*/

}

/*@media only screen and (max-width : 992px) {
	PAGE / SECTION NAME: Description (eg. HOME: Tabs - Hover state styling)

	-- HOME PAGE
	--------------------------------------
	--------------------------------------


	-- ABOUT PAGE
	--------------------------------------
	--------------------------------------


	-- CONTACT PAGE
	--------------------------------------
	--------------------------------------


}*/

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

.ai-home-intro h1 {padding-top:10% !important; color: #231f20 !important;}

.ai-home-banner .row-bg.using-image.using-bg-color {opacity: 0.4 !important;}

.wpb_row {
	padding-top: 15% !important;
	padding-bottom: 15% !important;
  }

	/* PAGE / SECTION NAME: Description (eg. HOME: Tabs - Hover state styling)

	-- HOME PAGE
	--------------------------------------
	--------------------------------------


	-- ABOUT PAGE
	--------------------------------------
	--------------------------------------


	-- CONTACT PAGE
	--------------------------------------
	-------------------------------------- */


}

@media only screen and (max-width : 480px) {
/*	PAGE / SECTION NAME: Description (eg. HOME: Tabs - Hover state styling)*/

	/*-- HOME PAGE
	--------------------------------------
	-------------------------------------- */


	/*-- ABOUT PAGE
	--------------------------------------
	--------------------------------------*/


	/*-- CONTACT PAGE
	--------------------------------------
	--------------------------------------*/

    /*-- PAGE HEADERS
    --------------------------------------
    --------------------------------------*/
    #page-header-bg .col.span_6{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    #page-header-bg .col.span_6 h1{
        font-size: 1.4em !important;
        line-height: normal !important;
    }

/*@media only screen and (max-width : 320px) {
	PAGE / SECTION NAME: Description (eg. HOME: Tabs - Hover state styling)

	-- HOME PAGE
	--------------------------------------
	--------------------------------------


	-- ABOUT PAGE
	--------------------------------------
	--------------------------------------


	-- CONTACT PAGE
	--------------------------------------
	--------------------------------------


}*/

/*@media only screen and (max-width : 480px) {*/

/* PAGE / SECTION NAME: Description (eg. HOME: Tabs - Hover state styling) */

/*}*/


#popmake-179{
	height: auto !important;
	margin-bottom: 0;
}