/*
Theme Name: D40 Child Theme
Theme URI: https://design40.com/
Description: Child Theme
Version: 1.0.0
Author: AllThingsIT
Author URI: http://allthingsit.co.ke
Template: D40
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

 @import url("fonts/Gotham/stylesheet.css");
 
 /*------------- Membership Registration form styling -------*/
 
  .cc-error, .mepr-form-has-errors{
     display:none;
 }
 
 .button.mp-hide-pw {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    width: auto;
    height: 100%;
    align-items: center;
    background: 0 0;
    color: #85929E;
    text-decoration: none;
    padding: 1em 1.4em;
    border: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
 

/*Menu items custom styling for Design Forty*/


.custom-logo-link img, .custom-logo-sticky-link {
    margin-top: -18%;
}

/*---- Breadcrumbs Span Text Color -------*/
.uf-breadcrumbs>span>span {
    color: #782673 !important;
}

/*------------------General Text Formatting -------------------*/
.general-heading-left, .general-heading-right{
    
    font-size: 1.7rem;
    letter-spacing: 2px;
    max-width: 700px;
    text-transform: uppercase;
    position: relative;
}

	/* General Textbox inside a page*/
	.general-text-block-left{
		padding-left:10%;
		padding-right:10%;
	}

	.general-text-block-right {
		padding-right:20%;
	}
	
	/* General Textbox p inside page*/
	.general-text-block-right p, 
	.general-text-block-left p{
		font-family: 'Raleway',sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 28px;
		padding-top:15px;
		text-align: justify;
	}


/* ----- The color of the DOWN arrow when the user visits the following pages -------*/
.home .navbar-light .navbar-nav .menu-item-has-children::before, 
.home .navbar-light .navbar-nav .menu-item-has-children:hover::before,
.page-id-880 .navbar-light .navbar-nav .menu-item-has-children::before,
.page-id-276 .navbar-light .navbar-nav .menu-item-has-children::before,
.page-id-191 .navbar-light .navbar-nav .menu-item-has-children::before,
.single-service .navbar-light .navbar-nav .menu-item-has-children::before{
    color:#fff;
}


/* ----- The color of the DOWN arrow when the user visits the following pages -------*/
.page-id-715 .navbar-light .navbar-nav .menu-item-has-children::before{
    color:#333;
}

.sticky--not-top .custom-logo-sticky-link {
    margin-top: -10%;
}


.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav a {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
	color: #ffffff;
}

.dropdown-menu .nav-link,
.dropdown-menu .nav-link:hover,
.single-service .dropdown-menu .nav-link,
.single-service .dropdown-menu .nav-link:hover{
    color: #333 !important;
}

.nav-link {
    display: inline-block;
    position: relative;
}

.nav-link:after {
  content: '';
  position: absolute;
  width: 80%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 10%;
  background-color: #ffffff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.nav-link:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/*. HOVER Effects for All Blogs (.archive) and 
 * Contact Us Page(518) and
 * Our Clients Page (715)
 * 
 * Basically, when a user visits any of these pages, this hover effect applies to the Nav Links
 * 
 * */
.page-id-518 .nav-link:after, 
.archive .nav-link:after,
.page-id-715 .nav-link:after,
.single-post .nav-link:after{
  content: '';
  position: absolute;
  width: 80%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 10%;
  background-color: #333333;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.page-id-518 .nav-link:hover:after,
.archive .nav-link:hover:after,
.page-id-715 .nav-link:hover:after,
.single-post .nav-link:hover:after{
  transform: scaleX(1);
  transform-origin: bottom left;
}

/*-----------------Selected Link underline customization---------------------*/

.navbar-light .navbar-nav .current-menu-item .nav-link:before,
.navbar-light .navbar-nav .current_page_item .nav-link:before{
        
        content: "";
        position: absolute;
        left: 8%;
        bottom: 0;
        height: 15px;
        width: 80%;
        border-bottom: 1px solid #fff;
}

/*Selected Link COLOR for Contact US page(page-id-518) & blog - 598*/

.page-id-518 .navbar-light .navbar-nav .current_page_item .nav-link,
.blog .navbar-light .navbar-nav .current_page_item .nav-link,
.archive .current-menu-item .nav-link{
    color: #782673 !important;
    font-weight:bold;
}

 /*Selected Link COLOR for Home page, Our Services Page (.page-id-880), about-us(191) & Portfolio - 276*/
.page-id-276 .navbar-light .navbar-nav .current-menu-item .nav-link,
.page-id-880 .navbar-light .navbar-nav .menu-parent-item .nav-link,
.page-id-191 .navbar-light .navbar-nav .menu-parent-item .nav-link,
.home .navbar-light .navbar-nav .current-menu-item .nav-link{
    color: #ffffff !important;
}

/*---The Parent Link color and HOVER color when a child in a dropdown has been selected----*/
.single-service .navbar-light .navbar-nav .current_page_ancestor>.nav-link,
.single-service .navbar-light .navbar-nav .menu-item:hover>.nav-link{
    color: #ffff00;
}

 /*Selected Link COLOR for Our Services (880) & About Us(191) Page DROP DOWN Menus*/
.page-id-880 .navbar-light .navbar-nav .dropdown-menu .nav-link,
.page-id-191 .navbar-light .navbar-nav .dropdown-menu .nav-link,
.page-id-276 .navbar-light .navbar-nav .dropdown-menu .menu-item:hover>.nav-link,
.page-id-191 .navbar-light .navbar-nav .dropdown-menu .menu-item:hover>.nav-link,
.page-id-880 .navbar-light .navbar-nav .dropdown-menu .menu-item:hover>.nav-link,
.home .navbar-light .navbar-nav .dropdown-menu .menu-item:hover>.nav-link{
    color: #333333 !important;
}

 /*HOVER COLOR for Home page, Our Services Page (.page-id-880), about-us(191) & Portfolio(276)*/
.page-id-880 .navbar-light .navbar-nav .menu-item:hover>.nav-link,
.page-id-191 .navbar-light .navbar-nav .menu-item:hover>.nav-link,
.page-id-276 .navbar-light .navbar-nav .menu-item:hover>.nav-link,
.home .navbar-light .navbar-nav .menu-item:hover>.nav-link{
    color: #ffffff !important;
	border-bottom: none;
}

/* Bottom underline for selected Links*/
.blog .navbar-light .navbar-nav .current-menu-item .nav-link:before,
.blog .navbar-light .navbar-nav .current_page_item .nav-link:before,
.single-post .navbar-light .navbar-nav .current_page_item .nav-link:before,
.page-id-557 .navbar-light .navbar-nav .current_page_item .menu-parent-item .nav-link:before,
.page-id-518 .navbar-light .navbar-nav .current_page_item .nav-link:before,
.sticky.sticky--not-top .navbar-light .navbar-nav .current_page_item .nav-link:before,
.archive .current-menu-item .nav-link:before,
.dropdown-menu .current-menu-item .nav-link:before{
        
        content: "";
        position: absolute;
        left: 8%;
        bottom: 0;
        height: 15px;
        width: 80%;
        border-bottom: 1px solid #782673 !important;
}

/*-----Dropdown Menu Selected Link Underline------------*/

.dropdown-menu a:after {
    content: '';
  position: absolute;
  width: 90%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 5%;
  background-color: #333;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.navbar-light .navbar-nav ul li:hover{
    background-color: #fff !important;
}

.navbar-light .navbar-nav ul li a:hover{
    color: #333 !important;
}


.navbar-light .navbar-nav .dropdown-menu {
    margin:20px 0 0;
}


/*To Fix the menu vertical alignment issue*/
.navbar-light .navbar-nav {
    height: auto;
}


/*Mobile styling*/
.navbar-light .navbar-toggler {
    color: rgba(255,255,255,1) !important;
}

/*Responsive CSS*/

@media only screen and (max-width: 1025px) {
	
	.custom-logo-sticky-link {
    	margin-top: -2%;
	}

    /*Centre footer items on mobile*/
    #footer #builder ul {
		text-align: center !important;
	}

    #footer h1, h2, h3, h4, h5, h6, p {
        text-align: center;
    }
	
	.service-text-block p, .blog-text-block p {
        text-align: justify !important;
    }
    
    .sticky--not-top .custom-logo-sticky-link {
    margin-top: -2%;
    }
    
    /*Mobile Icon Bars Customizations*/


    .navbar-toggler .navbar-toggler-icon::before{
        font-size: 28px;
    }
    
    .sticky--top .navbar-toggler-icon::before{
        color: #fff;
    }
	
	.page-id-557 .sticky--top .navbar-toggler-icon::before, .page-id-518 .sticky--top .navbar-toggler-icon::before,
	.blog .sticky--top .navbar-toggler-icon::before, .page-id-715 .sticky--top .navbar-toggler-icon::before{
        color: #333 !important;
    }
    
    #navbar img{ /*Helps with Centre alignment of logo*/
        margin-right: 2em;
    }
}

    /*Image padding on the pages*/
  
        .d40-left-padded-image {
        margin-left: 40px !important;
		
        }
    
      .d40-right-padded-image {
        margin-right: 40px !important;
		
        }

	.general-heading-left{
		margin-right:10%;
		margin-left:10%;
	}

.center-whatsapp{
	margin-right:10px;
	margin-left:10px;
}

/*------------------------------------------- START MEDIA 769 (MOBILE)--------------------------------------------------*/
/*
Mobile Styles
================================================== */
/* 
 * Note: Add new css to the media query below that you want to only effect 
 * the Mobile and Tablet Portrait view 
 * 
 * */

@media only screen and (max-width: 769px) {
	
	.instagram-row{
		width: 109% !important;
		left:0 !important;
	}
	
	
	/*----------------------Landing page MOBILE formatting-----------------------------------------*/
	
	.landing-page .landing-portfolio-link{
		font-size:0.6em !important;
	}
	
	.landing-page .row {
		margin-left:0%;
		margin-right:0%;
	}
	
	.landing-page-header-row{
	    height: 100vh;
	}

	.internal-content{
		margin-top:0px !important;
		border:none !important;
		padding:0 !important;
		
		margin-left:-10% !important;
		margin-right:-10% !important;
	}

	#internal-content-other-rows{
		margin-left:-10% !important;
		margin-right:-10% !important;
	}

	.internal-content-last-row{
		margin-left:-10% !important;
		margin-right:-10% !important;
	}

/*----------------------End Landing page MOBILE formatting-----------------------------------------*/
	
	
	.single h2 {
		text-align:center !important;
	}
	
	.service-heading {
    	margin-left: 0% !important;
		text-align: center !important;
	}
	
	.single-post .row{
		margin-left:1% !important;
		margin-right:1% !important;
	}
	
	.general-heading-right{
		margin-left:10%;
	}
	
/*--------------------------------------------Order Items on About Us Page-------------------------------------------*/
		.wpb_wrapper {
			display: flex;
			display: -webkit-flex;
			flex-flow: column;
			-webkit-flex-flow: column;
		}
	
		.same-div-content #vision-header {
			order: 1;
		}
	
		.same-div-content #vision-text-block {
			order: 2;
		}
		.same-div-content #vision-image {
			order: 3;
		}
	
		.same-div-content #mission-header {
			order: 1;
		}

		.same-div-content #mission-text-block {
			order: 2;
		}

		.same-div-content #mission-image {
			order: 3;
		}
/*-----------------------End of About Us Items Order---------------------------------------------*/	
	
	
/*--------------------------------------------Order Items on Our Services Page-------------------------------------------*/
		.wpb_wrapper {
			display: flex;
			display: -webkit-flex;
			flex-flow: column;
			-webkit-flex-flow: column;
		}
	
		.same-div-content #interior-design-image { order: 1;}
		.same-div-content #interior-design-header { order: 2;}
		.same-div-content #interior-design-text-block {order: 3;}
	
		.same-div-content #office-partitioning-image{order: 4;}
		.same-div-content #office-partitioning-header{order: 5;}
		.same-div-content #office-partitioning-text-block {order: 6;}

		.same-div-content #furniture-image {order: 7;}
		.same-div-content #furniture-header{order: 8;}
		.same-div-content #furniture-text-block {order: 9;}
	
/*-----------------------End of Our Services Items Order---------------------------------------------*/		
	
	
	
	
	.contacts-heading{
		text-align:center !important;
	}
	
	/*Removes space above and below photos in mobile view*/
	.aligncenter, .alignnone, .alignwide {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}
	
	/*Textbox inside a blog post*/
	.blog-text-block {
		text-align:justify !important;
	}
	
		/*Textbox p inside a BLOG page*/
	.blog-text-block p{
		font-family: 'Raleway',sans-serif !important;
		font-weight: 500 !important;
		font-size: 14px !important;
		line-height: 28px !important;
		padding-top:15px !important;
	}
	
	/*Textbox inside a service page*/
	.service-text-block {
		padding-left:8%;
		padding-right:8%;
	}
	
	/*Textbox p inside a service page*/
	.service-text-block p{
		font-family: 'Raleway',sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 28px;
		padding-top:15px;
		text-align: justify;
	}
	
	
	/*The list inside a service page*/
	.uf-single-post__content li {
		font-family: 'Raleway',sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 30px;
		
	}
	
	/*-------------adjust the headings in about us page----------*/
	.general-heading{
		margin-left:10%;
	}
	
	/*Textbox inside a GENERAL page*/
	.general-text-block-right, .general-text-block-left{
		padding-left:8%;
		padding-right:8%;
	}
	
	/*Textbox p inside a GENERAL page*/
	.general-text-block-right p, .general-text-block-left p{
		font-family: 'Raleway',sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 28px;
		padding-top:15px;
		text-align: justify;
	}
	
	
	.d40-left-padded-image{
		margin-left: 0 !important;
		padding-top: 40px !important;
	}
	
	.d40-right-padded-image{
		margin-right: 0 !important;
		padding-top: 40px !important;
	}
	
	.d40-page-header-row{
		margin-top: -240px !important;
	}
	.d40-page-header-description{
		padding-left:5% !important;
		padding-right:5% !important;
	}
	
	.d40-page-header{
		font-size:1.75rem !important;
		letter-spacing: 5px !important;
	}
	
	.vc_column-inner{
		padding-top:0px !important;
	}
	
	
    /*Swap image and text positions on mobile*/
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}

    /*Centre footer items on mobile*/
    #footer #builder ul {
		text-align: center !important;
	}
	
	.footer-text-items, .footer-text-items p{
		text-align: center !important;
	}
    
    .sticky--not-top .custom-logo-sticky-link {
    margin-top: -3%;
    }
    
    .custom-logo-sticky-link {
    margin-top: -3%;
    }
    
    /*------------Mobile Icon Bars Customizations--------------------------------*/
    
    .sticky--top .navbar-toggler-icon::before{
		font-size: 28px;
    }
	
	/*----Making the Icon Bars color for pages with a WHITE header background DARK*/
	.page-id-557 .sticky--top .navbar-toggler-icon::before, 
	.page-id-518 .sticky--top .navbar-toggler-icon::before,
	.blog .sticky--top .navbar-toggler-icon::before, 
	.single-post .sticky--top .navbar-toggler-icon::before, 
	.archive .sticky--top .navbar-toggler-icon::before, 
	.page-id-715 .sticky--top .navbar-toggler-icon::before,
	.portfolio-template-default .sticky--top .navbar-toggler-icon::before,
	.membership-page .sticky--top .navbar-toggler-icon::before,
	.wpforo .sticky--top .navbar-toggler-icon::before {
        color: #333 !important;
    }
    
    #navbar img{ /*Helps with Centre alignment of logo*/
        margin-right: 2em;
    }
    
    .d40-left-padded-image, .d40-right-padded-image  {
        padding: 0px !important;
    }
    
}

/*------------------------------------------- END @MEDIA 769 (MOBILE)--------------------------------------------------*/


/*Footer styling*/
#footer-top{
    left: 0px !important;
    background-color: #1e0019;
    padding-top: 40px;
    margin: 0px;
}

#footer-bottom{
    background-color: #1c0017;
    border-top: 1px solid #33002a;
    color: #999;

    left: 0px !important;
    margin: 0px;
    padding: 0 20px 0 20px;
}

#footer-bottom p{
    color: #fff;
}


#footer #builder ul {
    list-style: none;
    padding: 0 0 12px;
    line-height: 1.9em;
    font-family: Lato,sans-serif;
    font-weight: 400;
}

#footer #builder ul li {
    padding: 3px 3px;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

#footer #builder li a{
    color: #999;;
    /*border-bottom: 1px solid rgba(255,255,255,.2);*/
    padding-bottom: 3px;
    display: block;
}

/*Design Forty Custom Top menu styling */


.d40menu-position-left {
    float: left;
    height: auto;
    position: relative;
    z-index: 2;
    text-align: right;
    margin-left: -120px;
}

.d40menu-position-centre {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    text-align: center;
    z-index: 1;
}

.d40menu-position-right {
    float: right;
    height: auto;
    position: relative;
    z-index: 2;
    text-align: left;
    margin-right: -120px;
}

.d40-position-left-inner {
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.d40-position-centre-inner {
    display: inline-block;
    vertical-align: middle;
    height: auto;
}

.d40-position-right-inner {
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

/*Single Page CSS*/

.entry-header{ /*Remove page title header from all single pages*/
    display:none;
}

#page #header.sticky.sticky--top {
    background-color: transparent;
    border-bottom: none;
}


#page #header.sticky.sticky--not-top .navbar-light .navbar-nav .nav-link,
#page #header.sticky.sticky--not-top .navbar-light .navbar-nav .nav-link:hover{
    color: #000 !important;
}

.site-title{
    font-family: Lato !important;
    letter-spacing: 29px !important;
    text-transform: uppercase;
}

.entry__header h2{ /*Blog Headers Customizations*/
    
    /*font-size: 18px;*/
    font-size: 2.281rem;
    letter-spacing: 5px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 5px;
    margin: 0 auto 0px !important;
}

.d40-page-header{
    font-family: Lato !important;
    letter-spacing: 29px;
    max-width: 700px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin: 0 auto 30px !important;
}

.d40-page-header h1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #fff;
    content: "";
    width: 230px;
    margin: auto;
    right: 0;
}

/*---------------------------------FORMATTING For Big screens - Laptop & Desktop -------------------------------*/	
		
			
	/*Removes space above and below photos*/
	.aligncenter, .alignnone, .alignwide {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}

		.d40-page-header-description{
			padding-left:10%;
			padding-right:10%;
		}

		.d40-page-header-description p{
			color: #fff;
			font-family: Lato !important;
			font-style: normal;
			font-weight: 600;
			font-size: 17px;
			line-height: 34px;
			text-align: center;
			letter-spacing:0.5px;
		}


			/*Textbox inside a service page*/
		.service-text-block {
			padding-left:5%;
			padding-right:5%;
			padding-bottom: 5%;
		}
	
	/*Textbox p inside a service page*/
		.service-text-block p, .service-text-block li{
			font-family: 'Raleway',sans-serif;
			font-weight: 500;
			font-size: 16px;
			line-height: 28px;
			padding-top:15px;
			text-align: justify;
		}

	/*Textbox p inside a Blog page*/
		.blog-text-block p{
			font-family: 'Raleway',sans-serif !important;
			font-weight: 500 !important;
			font-size: 18px !important;
			line-height: 28px !important;
			padding-bottom:15px !important;
			text-align: justify !important;
		}

/*Adjusts The size of the header image on the single pages*/

.d40-page-header-row{
    
    min-height: 90.29vh !important;
}


/*------PAGE SETTINGS-------*/

.custom-text-block p {
    font-family: 'Raleway',sans-serif;
    font-weight: 500;
    text-align: justify;
    font-size: 14px;
    line-height: 36px;
    padding: 0 0 15px;
}

p {
    margin: 10px 0;
}

/*---------------------------Global HEADER Font Sizes*/
h1{font-size: 2em}/*32 px*/
h2{font-size: 1.5em}/*24 px*/
h3{font-size: 1.17em}/*18.72 px*/
h4{font-size: 1em}/*16 px*/
h5{font-size: 0.83em}/*13.28 px*/
h6{font-size: 0.67em}/*10.72 px*/

h1, h2, h3 {
    margin: 25px 0;
}

/*---- Homepage - Removes the bottom margin for text containers in Homepage*/
.home .wpb_content_element {
    margin-bottom: 0px !important;
}

.custom-text-block a.homepage-read-more {
    font-family: 'Libre Baskerville',serif;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: #000;
	
	border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 5px;
}

.custom-text-block a {
    color: #444;
}

.custom-text-block a:hover {
    color: #782673;
}

/*------------------------------ Service Template Customization---------------------------------*/

	.service-template-default .uf-single-post__content p{
		padding-top:0px;
		margin-bottom:15px;
		margin-top:0px;
	}

.service-template-default .uf-single-post__content h1,h2,h3,h4,h5,h6{
		margin-bottom:5px;
	}

.service-heading{
	margin-left:5%;
}

.service-template-default #page>.breadcrumbs {
    display: none;
}

.service-template-default .uf-single-post__title{
    display: none;
}

.service-template-default #content {
    margin-top: -48px;
}

.service-template-default #header-image{
    display: none;
}

/* Portfolio Posts customizations*/

#header-image .header-overlay .post-meta {
    display:none;
}
    /*Breadcrumbs styling goes together with header-image styling BELOW*/
        .portfolio-template-default #page>.breadcrumbs,
        .page-template-default .breadcrumbs,
        .awsm_job_openings-template-default .breadcrumbs{
            margin-top: 48px;
            /*display: none;*/
        }
        
        .awsm_job_openings-template-default .uf-single-post__title {
            display: block;
        }
        
        .groups .entry-header{
            display: block;
        }
        
    /*header-image styling goes together with Breadcrumbs styling ABOVE*/
        #header-image {
            margin-bottom: -48px;
            margin-top: 48px;
        }

/*----------------Color of Links when the following pages are the selected ones-------------------------*/
.page-id-518 .nav-link, 
.page-id-715 .nav-link, 
.portfolio-template-default .nav-link,
.archive .nav-link,
.error404 .navbar-light .navbar-nav .nav-link,
.tax-portfolio_category .nav-link,
.membership-page .nav-link,
.wpforo .nav-link{ /*Contact us page (page-id-518)*/
    color:#333 !important;
}

#wpforo #wpforo-wrap #wpforo-menu li a {
    color: #FFFFFF !important;
}

/*remove display of price*/
.mepr_price {
    display: none !important;
}

/*--------- Students portal buttons --------*/

.students-dash-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    width: 350px;
}

/*------Controls Menu items Color when specific pages are opened (All Blogs, Archives or Dropdown CHILDREN--------*/


.esg-navigationbutton {
    margin-top: 10px;
    background-color: #782673 !important;
	color: #ffffff !important;
}

.home-section-breaker{
    min-height: 40vh !important;
    max-height: 50vh !important;
}

.d40-homepage-header{
    letter-spacing: 15px;
    margin-bottom:0px !important;
    text-transform: uppercase;
    position: relative;
}

.page #content {
    margin-top: 3px;
}


/*-------------------Contacts page----------------------------------*/

.page-id-518 .breadcrumbs{
    display:none;
}

.page-id-518 #content { /*Page id for contacts page*/
    margin-top: 48px;
}

.page-id-518 #header.sticky.sticky--top {
    
    border-bottom: 1px solid #e3e3e3 !important;
    padding-bottom: 1%;
}

.contacts-heading{
    
    font-size: 1.1rem;
    letter-spacing: 2px;
    max-width: 700px;
    text-transform: uppercase;
    position: relative;
    
}

.contacts-text p{
    letter-spacing: 2px;
    font-family:Lato;
    font-size: 15px;
    line-height: 26px;
    font-weight:500;
    margin: 5px 0;
    
}

.d40-border-bottom{
    border-bottom: solid 1px #e3e3e3 !important;
}


/*Contact form*/

.contact-form-heading{
    
    color: #333;
    font-size: 0.8rem;
    letter-spacing: 2px;
    max-width: 700px;
    text-transform: uppercase;
    position: relative;
    margin:0;
    
}

/*Single post customizations*/

.uf-single-post__title{
    display:none;
}

.single-post .nav-link, .single-post .nav-link:hover{
    color: #333 !important;
}

.single-post .breadcrumbs { /*for blog posts*/
    margin-top: 48px;
	margin-bottom: 0px;
}

.single #content {
    margin-top: 0px;
}

.uf-breadcrumbs {
    padding-left: 90px; 
}

.single-post #header.sticky.sticky--top {
    
    border-bottom: 1px solid #e3e3e3 !important;
    padding-bottom: 1%;
}

/*-------------------------Blog customizations------------------------------------------*/

.blog_excerpt{ /*Use this to remove the excerpt completely from post*/
    display:none;
}

.blog .nav-link,
.blog .nav-link:hover{
    color: #333 !important;
}

.blog .breadcrumbs, .category .breadcrumbs { /*for blog main page*/
    margin-top: 48px;
}


/*--------------------Blog content---------------------------*/

.wpb_content_element{
	margin-bottom:0px !important;
}

/*
	.uf-single-post__content p{
		text-align: justify;
		letter-spacing:1px;
	} */

.single-post .row{
	margin-left:8%;
	margin-right:8%;
}


/*Links customizations*/

.pills.pills-primary, .single-product div.product .product_meta .posted_in a, .single-product div.product .product_meta .tagged_as a.pills-primary, .widget.widget_tag_cloud .pills-primary.tag-cloud-link {
    background: #782673;

}

/*------Buttons Customizations & post links customizations ----*/

	input[type=submit]{
		background: #782673;
	}

	.uf-single-post__content a {
		color: #782673;
		font-size: 1em;
	}

/*Sidebar customizations*/

.widget h3{
    font-family: lato, sans-serif;
    font-weight: 900;
    font-size: .989rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom:24px;
}

.widget h3::before {
    content: '';
    position: relative;
    background: #782673;
    height: 2px;
    width: 48px;
    top: 40px;
    left: 0;
    display: block;
    z-index: 1;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
}

.wp-block-search__label{
    display:none;
}

.wp-block-search__input {
    border:none !important;
        padding: 0 !important;
}

input:-internal-autofill-selected {
    background-color:#ffffff;
}

.wp-block-search__button  {
    border: none;
    background: 0 0;
    padding: 12px 24px;
    border-radius: 100px;
    -moz-border-radius: 75px;
    cursor: pointer;
    outline:0;
}

.wp-block-search__inside-wrapper {
    
    width: 100%;
    padding: 0 0 0 24px;
    display: inline-flex;
    border: 1px solid #e3e3e3;
    border-radius: 100px;
}

/*------------------------------------ Clients Customizations ------------------------------------------------*/


.clients-column-1{
	padding:20px;
	background-color: #d8c7d7;
}

.clients-column-2{
	padding:20px;
	background-color: #b898b5;
}

.clients-column-3{
	padding:20px;
	background-color: #a0729c;
}

.clients-column-4{
	padding:20px;
	background-color: #b898b5;
}

.clients-column-5{
	padding:20px;
	background-color: #d8c7d7;
}

.clients-column-6{
	padding:20px;
	background-color: #d8c7d7;
}


/*----------------------Landing page formatting-----------------------------------------*/

	.landing-page {
		padding-top:0px !important;
	}

	.landing-page .uf-single-post__content {
		padding: 0px 0 0;
	}

	.landing-page .row {
		margin-left:0%;
		margin-right:0%;
	}

	.landing-page-header-row {
		position:relative;
		z-index:500;
	}

	.uf-single-post__content .internal-content{
		position:relative;
		z-index:1000;
		
		background:#fff;
		margin-top:-10%;
		margin-left:8%;
		margin-right:8%;
		border-top: solid 1px #f0f0f0; 
		border-left: solid 1px #f0f0f0; 
		border-right: solid 1px #f0f0f0; 
	}

	.uf-single-post__content #internal-content-other-rows{
		margin-left:8%;
		margin-right:8%;
		border-left: solid 1px #f0f0f0; 
		border-right: solid 1px #f0f0f0; 
	}

	.uf-single-post__content .internal-content-last-row{
		margin-left:8%;
		margin-right:8%;
		border-bottom:dashed 1px #f0f0f0;
		border-left: solid 1px #f0f0f0; 
		border-right: solid 1px #f0f0f0; 
		margin-bottom:10%;
		padding-bottom:5%;
	}


	.landing-page #header, .landing-page .breadcrumbs{
		display:none;
	}

.instagram-row{
	position: relative;
    float: left;
    width: 1400px;
    left: -139px;
}

.archive .landing-page #header, .archive .landing-page .breadcrumbs {
    display:inline-block

.archive .landing-page .breadcrumbs {

}