/*
Theme Name: Ecowagon
Description: Child theme for Ultra
Author: Themify
Template: themify-ultra
*/

/* Ecowagon */
/* Loads after all other css via functions - uses priority 100 */

/*	Branding
	Red: #ed1e24 / 237,30,36

	Menu links:
	Links:
	Ruling lines:
	Menu active:
	Button border - default:  
	Header logo container:
	Footer widgets container
		
*/

/*	Sections
	FONTS / TYPE
	GLOBAL
	GLOBAL > Widgets
	GLOBAL > General Stuff
	GLOBAL > Images
	VARIOUS
	HEADER
	HEADER > Logo
	CONTENT
	FOOTER
	MENUS AND NAV
	MENUS AND NAV > Resposive navigation
	MENUS AND NAV > Mini cart
	SEARCH
	BUTTONS
	HOME PAGE
	PROJECTS
	CONVERT YOUR VAN
	POSTS
	SIDEBARS / WIDGETS
	CUSTOM
	BUILDER CSS and VARIOUS CSS
	POPUP MAKER STYLES
	TESTIMONIALS
	CONTACT FORM 7
	MAILCHIMP
	SOCIAL
	TOOLTIPS
	AJAX SEARCH - plugin
	MAPS
*/


/* FONTS / TYPE */

body { line-height: 1.8 !important; }

@media screen and (max-width: 760px) {
body { font-size: 1em !important; }
}

p { margin: 0 0 1em; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em; color: #555; }

ul, ol { margin: 0 0 1.4em 1.1em; }

li { margin-bottom: 0.5em; }

blockquote {
font-size: 1.4em;
line-height: 1.4em;
padding: .8em 3em 1px 1.5em;
margin: 0 0 1em;
font-weight: 300;
background: transparent;
border:none;
-webkit-box-shadow: inset 4px 0 0 0 rgba(141,189,63,1);
-moz-box-shadow: inset 4px 0 0 0 rgba(141,189,63,1);
box-shadow: inset 4px 0 0 0 rgba(141,189,63,1);
}

@media screen and (max-width: 680px) {
blockquote { font-size: 1.2em; padding-right: 0; }
}

blockquote:before { content: none; font-size: 1em; position: absolute; margin-left: 0; margin-top: 0; }

.weight600, .weight600 .module-buttons.small em { font-weight: 600; }


/* GLOBAL */

/* Page width adjustments
@media screen and (max-width: 1366px) {
.pagewidth { max-width: 96%; }
}

@media screen and (max-width: 1024px) {
.pagewidth { max-width: 90%; }
}
*/

/* Top margin adjustment for images flush with nav */
.topmarginadjust { margin-top: -5.75%; }

@media screen and (max-width: 760px) {
.topmarginadjust { margin-top: -20px; }
}

li { list-style-type: circle; }

/* Back to top arrow */
#footer .back-top.back-top-float { background-color: rgba(128,128,128,.7); z-index: 999; }

/* Greyscale filter */
.greyimage { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

/* Hover for my custom images or icons */
a.ewcustomimage img.alignnone:hover {
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

/* Top margin adjust for pages */
.ewmarginadjust { margin-top: -5.75%; }

/* Product page intro background */
.ewintrobg {
background-image: -webkit-linear-gradient(90deg,rgba(225, 225, 225, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 50%);
background-image: -o-linear-gradient(90deg,rgba(225, 225, 225, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 50%);
background-image: linear-gradient(90deg,rgba(225, 225, 225, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 50%);
}

.ewintrobgreverse {
background-image: -webkit-linear-gradient(90deg,rgba(225, 225, 225, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 50%);
background-image: -o-linear-gradient(90deg,rgba(225, 225, 225, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 50%);
background-image: linear-gradient(90deg,rgba(225, 225, 225, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 50%);
}

@media screen and (max-width: 768px) {
.ewintrobg {
background-image: -webkit-linear-gradient(0deg,rgb(250, 247, 240) 0%,rgba(245, 245, 245, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 45%);
background-image: -o-linear-gradient(0deg,rgb(250, 247, 240) 0%,rgba(245, 245, 245, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 45%);
background-image: linear-gradient(0deg,rgb(250, 247, 240) 0%,rgba(245, 245, 245, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 45%);
}

.ewintrobgreverse {
background-image: -webkit-linear-gradient(180deg,rgb(250, 247, 240) 0%,rgba(245, 245, 245, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 45%);
background-image: -o-linear-gradient(180deg,rgb(250, 247, 240) 0%,rgba(245, 245, 245, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 45%);
background-image: linear-gradient(180deg,rgb(250, 247, 240) 0%,rgba(245, 245, 245, 0.96) 0%,rgb(245, 245, 245) 28%,rgba(255, 255, 255, 0.99) 45%);
}
}

/* Align left extra margin right */
.ewextraright { margin-right: 1.5em; }

/* Border radius for images inserted via WP editor */
.ewradius { border-radius: 5px; }

#sidebar .widget li, #sidebar-alt .widget li { list-style: circle; }

/* RK image hover effect */
.ewimagehover img, .loops-wrapper .post-image img {
    opacity: 1;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4 ease-in-out;
}
.ewimagehover img:hover, .loops-wrapper .post-image img:hover {
    opacity: 0.7;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
}

/* Vans for sale reference code */
p span.ecovanref { display: inline-block; padding: 3px 7px; border: 1px #000 solid; border-radius: 5px; }

/* Postcode pull out */
p span.ecopostcode { display: inline-block; padding: 0.1em 0.5em; border: 1px #000 solid; border-radius: 5px; }

/* WP image caption */
.wp-caption-text { margin: 0.25em 0; font-size: 0.9em; text-align: left; }


/* HEADER */

/* Remove bottom padding from header so that the nav can sit flush with the bottom border */
#header { padding: 1em 0 0 0; }

/* Float the header bar left so the logo floats right for this design
.header-bar { float: right !important; }
*/

/* Header background colour */
#headerwrap {
background-color: #fff;
-webkit-box-shadow: 0px 12px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 12px 0px 0px rgba(255,255,255,1);
box-shadow: 0px 12px 0px 0px rgba(255,255,255,1);
min-height: 75px;
}

/* Fixed header tweeks */
#headerwrap.fixed-header #header { padding-bottom: 0px; padding-top: 1em; }
.mobile_menu_active #headerwrap.fixed-header #header { padding-top: 0px; padding-bottom: 0px; }
.mobile_menu_active #header { padding-top: 0px; padding-bottom: 0px; }



/* HEADER > Logo */

/*
#site-logo { margin-right: 0; }
*/

/* Mobile size */
@media screen and (max-width: 680px) {
body #site-logo a img { max-height: 60px !important; }
#site-logo, .header-horizontal #site-logo { height: 60px; }
.no-shrinking-logo #headerwrap.fixed-header #site-logo img { height: 60px; }
/* Fix for mobile sticky header logo moving */
/*#headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) { width: 82px; }*/
}
/* Mobile position */
.mobile_menu_active #site-logo { margin: 5px 0 12px; }


/* Yoast breadcrumbs */
.breadcrumbdisplay {
background-color: #fff;
border-bottom: 1px dotted #ddd;
margin-bottom: 3px;
}

/* Dsiplay the breadcrumb above 1024px */
@media screen and (max-width: 1025px) {
/*.breadcrumbdisplay { display: none }*/
}

/* Breadcrumb class */
.ybreadcrumb {
display: block;
/*margin-top: 5px;*/
padding-bottom: 1px;
font-size: 12px;
line-height: 18px;
clear: both;
padding-bottom: 7px;
padding-top: 25px;
}

/*
@media screen and (max-width: 1200px) {
.ybreadcrumb {
margin-top: 5px;
}
}
*/

/* Icon after breadcrumb url */
#breadcrumbs a:after {
display: inline-block;
font-family: Themify;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
padding-left: 5px;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e649";
width: 1.2em;
line-height: 16px;
}


/* CONTENT */

/* On mobile make the content margin less at the top between header */
@media screen and (max-width: 760px) {
#content { padding-top: 20px; }
}

/* Hide image for mobile */
@media screen and (min-width: 737px) {
.ewmob { display: none; }
}

@media screen and (max-width: 736px) {
.ewmob { display: block; }
}

/* Show image for desktop */
@media screen and (max-width: 736px) {
.ewdesk { display: none; }
span.ewdesk { display: none; }
}

@media screen and (min-width: 737px) {
.ewdesk { display: block; }
span.ewdesk { display: inline-block; }
}

/* h2 smaller on mobile */
@media screen and (max-width: 736px) {
h2 { letter-spacing: 0; font-size: 1.8em !important; }
}


/* FOOTER */

/* Make footer first main column full width (not footer widgets) */
.footer-left-col .main-col, .footer-right-col .main-col { width: 100%; }

#footer .back-top.back-top-float { border-radius: 5px; background-color: rgba(128,128,128,.3); color: #000; }

a.footercontact { font-size: 1.4em; color: #993300 !important; margin-bottom: 0.5em; display: inline-block; }
a.footercontact:hover { color: #000 !important; }
a.footercontact i.ti-mobile.ui, a.footercontact i.ti-email.ui, a.footercontact i.ti-location-pin.ui { font-size: 1.2em; top: -2px; display: inline-block; position: relative; }
.footer-lastblock { margin-bottom: 1em !important; }



/* MENUS AND NAV */

/* Themify supplied fix for dropdowns rendering correctly under caching */
body:not(.mobile_menu_active).touch #main-nav li:hover > ul {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform: scale(1,1);
}
body:not(.mobile_menu_active).touch #main-nav .sub-arrow {
	display: none !important;
}

/* Main nav bold weight */
#main-nav a b { font-weight: 500; }
.mobile_menu_active #headerwrap #main-nav ul a b { font-weight: 600; }



#main-nav a:hover, #main-nav ul a:hover, #main-nav .mega-menu-posts a:hover { color: #993300 !important; }

/* Float the main menu left on desktop
body:not(.slide-cart):not(.mobile_menu_active) #main-nav-wrap { float: left !important; }
*/

#headerwrap.fixed-header #main-nav { margin-top: 56px; }

@media screen and (max-width: 1130px) {
#main-nav a { font-size: 0.9em; padding-right: 7px; margin-right: 4px; }
#main-nav li:not(.themify-widget-menu)>ul { left: -9px !important; }
#main-nav ul li { font-size: 0.9em; }
}

/* Welcome - home menu link - Instagram - Facebook */
#main-nav .menu-item-14314 > a { text-indent: -9999px; width: 20px;}
#main-nav .menu-item-14314 > a > em { display: inline-block; position:absolute; text-indent: 9999px; bottom: 6px }
.mobile_menu_active .sidemenu .menu-item-14314 > a { text-indent: 0; width: auto; }
.mobile_menu_active .sidemenu .menu-item-14314 > a > em { display: none; }
#main-nav .menu-item-15359 > a, #main-nav .menu-item-15360 > a { padding-right: 0px; }
#main-nav .menu-item-15359 > a > em, #main-nav .menu-item-15360 > a > em { bottom: 1px; position: relative; }

/* Temp hide Marine menu
li#menu-item-19169, .mobile_menu_active .sidemenu li#menu-item-19169 { display: none; }
*/


/* Sub menu position fixes for float left menu */
#main-nav li:not(.themify-widget-menu)>ul { left: -12px; right: 0; }
#main-nav li:not(.themify-widget-menu)>ul ul { right: auto; left: 100%; top: -.45em; }

/* Border left on nav link hover
#main-nav ul a:hover, #main-nav .mega-menu-posts a:hover { border-left: 1px solid #000; margin-left: -1px; }
*/

/* Border under nav links
#main-nav .current_page_item>a { border-bottom: 4px solid #000; }
#main-nav .current-menu-item>a { border-bottom: 4px solid #000; }
*/

/* Parent menu colour */
li.current-menu-parent >a { color: #993300 !important; }

/* Mobile menu side panel */
.mobile_menu_active .sidemenu { transition: all .5s ease-in-out; background-color: #fff; }

/* Overlay when mobile menu active */
.body-overlay { box-shadow: inset -1px 0 0px rgba(107,189,79,1); }

/* Mobile hamburger menu icon */
/* Position */
.mobile_menu_active .header-icons { top: 30%; /*right: auto; left: 5%;*/ }
/* Colour and size */
#menu-icon { color: #000 !important; width: 35px; height: 16px; }
.menu-icon-inner { width: 35px; height: 1.25em; }

.child-arrow:before, .child-arrow:after { top: 40%; }


/* Tablet menu arrow icons - make background white */
#main-nav .sub-arrow:hover { background: #fff; }

/* Mobile menu link active colour */
.mobile_menu_active #main-nav .current_page_item > a, .mobile_menu_active #main-nav .current-menu-item > a { color:#993300 !important; }

.mobile_menu_active #main-nav .has-sub-menu.toggle-on .child-arrow:before {
    color: #000;
}
.toggle-on > a .child-arrow {
	transform:none;
}

@media screen and (min-width: 1113px) {
  @media (pointer: coarse) {
    #main-nav li .child-arrow {
border-radius: 100%;
       right: -2px !important;
    }
  }
}

@media (hover: none) {
  #main-nav .menu-item-has-children > a {
    padding-right: 30px !important;
  }
}



/* SEARCH */

/* Search form positioning - classic search */
/* New for theme 2.2.1 */
#headerwrap #searchform { z-index: 9999; }

#headerwrap #searchform .icon-search:before { font-family: 'themify'; content: "\e610"; font-size: 17px; color: #555; background-color: transparent; }
#headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s { background-color: #fff; }

/* Search form positioning and modifications for desktop */
@media screen and (min-width: 1025px) {
#searchform-wrap { float: right; margin: 58px 0px 0; padding-left: 7px; }
#headerwrap #searchform .icon-search:before { font-family: 'themify'; content: "\e610"; font-size: 17px; color: #555; background-color: #fff; }
#headerwrap #searchform #s { position: relative; right: 175px; color: #000; padding: 0 35px 3px 10px; height: 30px; /*box-shadow: 0px 0px 5px 5px rgba(255,255,255,1);*/ }
#headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s { width: 210px; border: 1px solid #bbb; box-shadow: 0px 0px 5px 15px rgba(255,255,255,1); }
}

.mobile_menu_active.header-horizontal #headerwrap #searchform #s { background-color: #eee; }

/* New live search function */

#search-lightbox-wrap { background-color: rgba(255,255,255,.97); }

.search-button:before { font-family: 'themify'; content: "\e610"; font-size: 17px; color: #555; }
.search-lightbox #searchform .icon-search { top: 18px; }
#searchform .icon-search:before { font-family: 'themify'; content: "\e610"; }
.search-option-tab li:hover a, .search-option-tab li.active a { box-shadow: inset 0 -3px 0 0 #8dbd3f; }
.view-all-button:after { border-bottom: 3px solid #8dbd3f; }

#searchform .tf-fas-search, #searchform .icon-search .tf_fa { display:none; }

/* Mobile */
.mobile_menu_active #headerwrap .search-button { padding: 0; }

@media screen and (max-width: 1025px) {
.search-button:before { font-size: 20px; color: #000; }
}

/* Live search icon positioning and modifications for desktop */
@media screen and (min-width: 1025px) {
a.search-button { float: right; margin: 57px 0px 0; padding-left: 5px; }
}


/* BUTTONS */
/* See builder section below for builder buttons */



/* HOME PAGE */

/* Home page title */
.hometitle p {
font-size: 2.7em;
line-height: 1.2em;
font-weight: 300;
margin-bottom: 18px;
padding-top: 12px;
/*padding-left: 1em;*/
letter-spacing: -0.01em;
color: #000000;
}

@media screen and (max-width: 680px) {
.hometitle p { font-size: 1.4em; line-height: 1.2em; }
}

.hometitle p a:hover { text-decoration: none; color: #000 !important; }

@media screen and (min-width: 1024px) {
.hometitle p { padding-top: 0.5em; padding-bottom: 0.25em; }
}

.homegalcontainer { padding: 1.75em 0 1.75em 1.75em; border-left: 1px dotted #bbb; border-bottom: 1px dotted #bbb; }

@media screen and (max-width: 680px) {
.homegalcontainer { padding: 0 0 1.75em 0; border-left: none; border-bottom: none; }
}

.htitlerow { border-bottom: 1px dotted #bbb; }

.homeintro p { font-size: 1.8em; line-height: 1.4em; font-weight: 300; padding-top: 0px; margin-top: -2px; margin-bottom: 16px; letter-spacing: -0.01em; }
@media screen and (max-width: 680px) {
.homeintro p { font-size: 1.4em; line-height: 1.3em; padding-top: 0;  }
}

.homebullet p {
font-size: 1.4em;
margin-bottom: 0.5em;
margin-left: 30px;
line-height: 1.4em;
color: #000;
font-weight: 300;
}

.homebullet p:before {
font-family: 'themify';
width: 30px;
margin-left: -30px;
display: inline-block;
font-size: 20px;
bottom: -1px;
position: relative;
}

.homebullet p:before { content: "\e628"; color: #ed1e24; }

@media screen and (max-width: 768px) {
.homebullet p { font-size: 1em; font-weight: 400; }
.homebullet p:before { font-size: 18px; bottom: -2px; }
}




/* PROJECTS */

/* Some of this css may mod builder elements */

/* Main Project page title */
.projectleader p {
font-size: 1.5em;
line-height: 1.45em;
font-weight: 300;
letter-spacing: -0.01em;
color: #000000;
}


@media screen and (max-width: 680px) {
.projectleader p { font-size: 1.2em; line-height: 1.5em; }
}

/* Project container on Projects index page */
.miniprojtitle { margin-top: 3px; }


/* Project numebers: Use suffix 0 for numbers 01-09 and suffix 1 for 10 to 19 then suffix 0 for 20 to 29 */
.dateformatter0 p, .dateformatter1 p { color: #ddd; font-size: 5.75em; font-weight: 300; margin: 10px 0 16px -7px; line-height: 0.8em; }
@media screen and (max-width: 1024px) {
.dateformatter0 p, .dateformatter1 p { font-size: 3em; margin-top: 16px; margin-left: -3px; }
}
.dateformatter0 p { letter-spacing: -0.05em; }
.dateformatter1 p { letter-spacing: -0.14em; margin-left: -13px;}

/* Project image container */
.projectimagerow { border-left: 1px solid #ed1e24; }

/* Project title row */
.ptitlerow { border-bottom: 1px dotted #bbb; }

@media screen and (min-width: 1024px) {
.ptitlerow { padding-top: 1em; padding-bottom: 1em; }
}

/* Project title border */
.projecttitleborder { /*border-left: 12px solid #ed1e24;*/ }

/* Project title */
.projecttitle p {
font-size: 2em;
line-height: 1.2em;
font-weight: 300;
margin-bottom: 18px;
padding-top: 12px;
/*padding-left: 1em;*/
letter-spacing: -0.01em;
color: #000000;
}

.projecttitle p a:hover { text-decoration: none; color: #000 !important; }

@media screen and (max-width: 680px) {
.projecttitle p { font-size: 1.4em; line-height: 1.4em; }
}

.clientouter { padding-top: 0.75em; padding-left: 1em; border-left: 1px dotted #bbb; }
.clientouterlast { padding-top: 0.75em; padding-left: 1em; border-left: 1px dotted #bbb; border-right: 1px dotted #bbb; }
.clientinner { padding-left: 12px; padding-right: 0.5em; }

@media screen and (max-width: 680px) {
.clientouter { padding-top: 1em; padding-left: 0; border: none; }
.clientouterlast { padding-top: 1em; padding-bottom: 0.25em; padding-left: 0; border: none; }
.clientinner { padding-left: 0px; }
}

@media screen and (max-width: 1023px) {
.clientouter { margin-top: 0 !important; }
.clientouterlast { margin-top: 0 !important; border-right: none; }
}

@media screen and (min-width: 1024px) {
.clientinner { padding-left: 0; }
}

.clientcontainer { border-bottom: 1px solid #ccc; padding-top: 0; padding-right: 1em; padding-bottom: 0.5em; }

.locationtext p, .disciplinestext p, .clienttext p, .statustext p, .discovertext p, .positiontext p, .yearstext p {
font-size: 0.85em;
margin-bottom: 0.5em;
margin-left: 30px;
line-height: 1.4em;
}

.locationtext p:before, .disciplinestext p:before, .clienttext p:before, .statustext p:before, .discovertext p:before, .positiontext p:before, .yearstext p:before {
font-family: 'themify';
width: 30px;
margin-left: -30px;
display: inline-block;
font-size: 18px;
bottom: -2px;
position: relative;
}

.locationtext p:before { content: "\e693"; }
.disciplinestext p:before { content: "\e61c"; }
.clienttext p:before { content: "\e602"; }
.statustext p:before { content: "\e72b"; }
.discovertext p:before { content: "\e628"; color: #ed1e24; }

.positiontext p:before { content: "\e628"; }
.yearstext p:before { content: "\e619"; }

@media screen and (min-width: 736px) {
.clientcontainer { padding-bottom: 1em; }
}

.projectoverview p, .projectoverview h6 { padding-top: 19px; line-height: 1.4em; }
.projectoverview p span, .projectoverview h6 span { padding-bottom: 8px; /*border-bottom: 1px dotted #aaa;*/ }
@media screen and (max-width: 1024px) and (min-width: 680px) {
.projectoverview h6 { font-size: 1.2em; }
}

.notoppad p, .notoppad h6 { padding-top: 0; }

.projectcontainer { padding-left: 1.75em; border-left: 1px solid #ed1e24; border-bottom: 1px solid #ed1e24; }
.projectintro p { font-size: 1.8em; line-height: 1.4em; font-weight: 300; padding-top: 17px; margin-bottom: 16px; letter-spacing: -0.01em; }
@media screen and (max-width: 680px) {
.projectintro p { font-size: 1.4em; line-height: 1.3em; padding-top: 0;  }
}

.projectgalcontainer { padding-left: 1.75em; border-left: 1px dotted #bbb; border-bottom: 1px dotted #bbb; }
.projectgaltitle p, .projectgaltitle h6 { padding-top: 0; line-height: 1.4em; }
.projectgaltitle p span, .projectgaltitle h6 span { padding-bottom: 8px; /*border-bottom: 1px dotted #aaa;*/ }
@media screen and (max-width: 1024px) and (min-width: 680px) {
.projectgaltitle h6 { font-size: 1.2em; }
}


.gallerytext p, .zoomintext p, .allprojectstext p, .nextprojecttext p { font-size: 0.9em; margin-bottom: 1.5em; margin-left: 30px; line-height: 1.4em; }

.gallerytext p:before, .zoomintext p:before, .allprojectstext p:before, .nextprojecttext p:before {
font-family: 'themify';
width: 30px;
margin-left: -30px;
display: inline-block;
font-size: 18px;
bottom: -2px;
position: relative;
}

.gallerytext p:before { content: "\e65f"; }
.zoomintext p:before { content: "\e611"; }
.allprojectstext p:before { content: "\e738"; }
.nextprojecttext p:before { content: "\e628"; }

@media screen and (max-width: 680px) {
.projectgalcontainer { padding-left: 0; border-left: none; border-bottom: none; }
}

@media screen and (min-width: 737px) {
.mobileview { display: none; }
}

/* Width for standfirsts and images */
.hux-reduced-width { width: 75%; }
@media screen and (max-width: 768px) {
.hux-reduced-width { width: 100%; }
}

.ctccolumnborder { border-bottom: 1px solid #ed1e24; }

.ctcimages { padding-bottom: 12px; border-bottom: 1px solid #ed1e24; }
@media screen and (max-width: 680px) {
.ctcimages { padding-top: 12px; }
.ctccolumnborder { border-bottom: none; }
}


/* CONVERT YOUR VAN */

.vanthumbs { }
.vanthumbs img { margin-bottom: 0; }



/* POSTS */

/* Align post archive excerpt left */
.loops-wrapper .post { text-align: left !important; }

/* Move post title above meta
.post .post-content-inner { display: table; }
.post .post-title { display: table-header-group; }
 */

/* Adjust single post title on mobile */
@media screen and (max-width: 768px) {
.single-post .entry-title { font-size: 1.6em; }
}

/* Boxed posts shadow */
.loops-wrapper.boxed .post { box-shadow: 0 2px 8px 0px rgba(0,0,0,.2); }

/* Post date adjustment */
.loops-wrapper.list-post .post-date-inline, .single-post .post .post-date-inline { margin-bottom: 0; }

/* Hide post meta divider */
.post-meta .post-author:after, .post-meta .post-category:after, .post-meta .post-tag:after { display: none; }

.more-link:after { font-family: 'themify'; content: '\e628'; font-size: 1em; }

/* Border at bottom of posts */
.post-content-inner:after {
display:block;
clear:both;
content: "";
position: relative;
height  : 40px;
background: url('/wp-content/uploads/post-divider.svg') 0 0 no-repeat;
margin-top: 1.5em;
margin-bottom: 2em;
padding:0em 0 0 0;
}

/* Post nav at bottom of single post */
.post-nav a { color: #993300; font-size: 1em; font-weight: 300; letter-spacing: 0em; line-height: 1.6; }
.post-nav a:hover, .post-nav a:hover span { color: #000; }

@media screen and (max-width: 768px) {
.post-nav a { font-size: 0.9em !important; }
}

/* Post nav arrows */
.post-nav .next { padding-right: 1.4em; !important }
.post-nav .next .arrow:before, .post-nav .prev .arrow:before { font-family: 'themify'; top: -8px; }
.post-nav .next .arrow:before { content: "\e628"; }
.post-nav .prev .arrow:before { content: "\e629"; }
.post-nav .arrow { top: 0; }

/* Related posts styling on mobile */
@media screen and (max-width: 680px) {
.related-posts .post-content { border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 1em; }
}

/* Related posts title */
.related-posts .related-title { font-size: 1em; text-transform: none; letter-spacing: 0em; font-weight: 400; color: #000; }
/* Related posts meta */
.related-posts .post-meta { font-weight: 300; letter-spacing: 0em; margin-bottom: 0.5em; }
/* Related posts link */
.related-posts .post-title { font-size: 1em; font-weight: 300; letter-spacing: 0em; line-height: 1.6; }
/* Related posts alignment */
.post .post-image { text-align: left; }

/* Mobile smaller blog images */
@media screen and (max-width: 768px) {
.mobilesmaller { max-width: 120px; }
}


/* SIDEBARS / WIDGETS */

/* Adjust top padding on sidebar so it lines up with featured images
#sidebar, #sidebar-alt { padding-top: 5.3%; }  */

.widgettitle {
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px;
    text-transform: none;
    padding-top: 0px;
    padding-bottom: 0em;
    padding-left: 0em;
    margin-top: 0px;
    margin-bottom: 1em;
}

.widget .feature-posts-list .feature-posts-title { letter-spacing: 0em; display: block; }

.widget .feature-posts-list li { }

.widget .feature-posts-list small { font-style: normal; font-size: .75em; text-transform: uppercase; letter-spacing: 0.15em; }

/* Remove padding on mobile sidebar */
@media screen and (max-width: 760px) {
#sidebar { padding-top: 0; }
}


/* CUSTOM */

.skewbg {
  background: #000;
  color: #fff;
  position: relative;
  z-index: 1;
}

.skewbg:before {
  background: inherit;
  top: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-0.8deg);
  transform-origin: 0%;
  z-index: -1;
}

/* BUILDER CSS and VARIOUS CSS */

/* Gallery image border */
.module-gallery.bordered.layout-showcase .gallery-images img, .module-gallery.bordered .gallery-icon {
border: 1px solid #ddd;
padding: 0px;
}
@media screen and (max-width: 680px) {
.module-gallery.bordered.layout-showcase .gallery-images img, .module-gallery.bordered .gallery-icon {
border-width: 1px;
}
}

/* Gallery shadow */
.module-gallery.drop-shadow.layout-showcase .gallery-images img, .module-gallery.drop-shadow .gallery-icon {
box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}

/* Gallery captions */
#body .gallery .gallery-caption { line-height: 160%; font-size: 85%; margin-top: 0.75em; margin-bottom: 1em; text-align: left; color: #777; }
@media screen and (max-width: 680px) {
#body .gallery .gallery-caption { margin-bottom: 1.25em; }
}

/* Lightbox title / caption size */
.mfp-title { font-size: 85%; }

/* Lightbox image padding */
img.mfp-img { padding: 40px 0 90px !important; }

@media screen and (max-width: 680px) {
.mfp-title { display: none; }
img.mfp-img { padding: 40px 0 40px !important; }
}

.mfp-figure:after { box-shadow: none !important; background: transparent !important; }

/* Gallery counter on lightbox */
.mfp-counter { display: none; }

/* Fancy heading */
.module-fancy-heading .sub-head:before { border-top: 1px solid #ed1e24; width: 250px; }

.redgalleryborder .gallery-icon { border: 1px solid #f00 !important; }

.module .fiftypercentimage img { max-width: 50% !important; }

#seventypercentimage > div > a > img { max-width: 70% !important; }

#seventypercentdiv { max-width: 70% !important; }

@media screen and (max-width: 1024px) {
#seventypercentimage > div > a > img { max-width: 100% !important; }
#seventypercentdiv { max-width: 100% !important; }
}

/* Remove top left and top right button radius */
.ewselectiveradius a.ui.builder_button.transparent { border-top-left-radius: 0; border-top-right-radius: 0; }



/* MODS to builder elements */

/* Border radius on slider images */
.themify_builder_slider .slide-image img { border-radius: 5px; }

/* Themify list shortcode */
.shortcode.themify-list li { line-height: 1.5 !important; margin-bottom: 0.25em !important; }

/* Slider gallery arrow positions */
.module-gallery.layout-slider .carousel-prev { left: -3px; }
.module-gallery.layout-slider .carousel-next { right: -3px; }
.module-gallery.layout-slider .carousel-nav-wrap > a.carousel-prev:before { border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.module-gallery.layout-slider .carousel-nav-wrap > a.carousel-next:before { border-right: 1px solid currentColor; border-top: 1px solid currentColor; }

.module-buttons.outline a { border-radius: 3px; }

/* Add pointer hover to builder icons */
.module-icon .module-icon-item { cursor: pointer; }

/* Remove the width, height and padding from the small themify icon */
.module-icon.none em { padding: 0; width: auto; height: auto; background: none; }

/* Stacked text for icon with label */
.stackedicon-text.module-icon.large span {
	display: block;
	position: absolute;
	top: 40%;
	transform: translate(0,-50%);
	margin-left: 60px;
    margin-right: 0;
	line-height: 1.3;
}

.stackedicon-text.module-icon span {
/*	display: block;
	position: absolute;
	top: 40%;
	transform: translate(0,-50%);
	margin-left: 1.6em;
    margin-right: 0;
*/
	line-height: 1.45;
}

/* Make buttons stack correctly */
.module-buttons .module-buttons-item { margin-right: 0.5em; margin-bottom: 0.6em; }
.module-buttons-item + .module-buttons-item { margin-left: 0; }

/* Accordion title font weight */
.ui.module-accordion .accordion-title { font-weight: 400 !important; }

/* Buttons left margin for text */
.module-buttons span { margin-left: 0.4em !important; }

@media screen and (max-width: 680px) {
.module-buttons span, .module-icon span { font-size: 1em !important; }
}

/* Remove builder column margins in responsive mode */
.tb_responsive_mode .tb_grid_classes>.module_column { margin-top: 0 !important; }

/* Image module border */
.module-image.bordered .image-wrap img { border: 1px solid #bbb; }

/* Tabs */
/* Remove initial padding on tab container */
.ui.module-tab .tab-nav, .ui.module-tab.minimal .tab-nav { padding-left: 0px !important; }

/* Remove tab bottom border and adjust padding */
.ui.module-tab.minimal .tab-content { border-width: 0 0 0 !important; padding: 0 0 0; }

.ui.builder_button:hover, .ui.nav li > a:hover, .ui.module-tab .tab-nav > li > a:hover { background-color: #c7b299; }




/* POPUP MAKER STYLES */
/* Popup Theme 700: Default Theme */
.pum-theme-700 .pum-content, .pum-theme-default-theme .pum-content { font-size: 0.95em; line-height: 1.5;}

/* Themify Popup close cross fix */
button.themify-popup-close:before, button.themify-popup-close:after { width: 0px !important; }



/* CONTACT FORM 7 */

div.wpcf7 { color: #000; }

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
max-width: 100% !important;
width: 100%;
margin-top: 0.5em;
border-radius: 5px;
}

span .wpcf7-not-valid { /*border: 2px solid #f00;*/ }

span.wpcf7-not-valid-tip { font-style: italic; /*display: none;*/ }

div.wpcf7-validation-errors { border: 2px solid #f00 !important; font-weight: bold; border-radius: 5px; }
div.wpcf7-mail-sent-ok { font-weight: bold; }
div.wpcf7-response-output { margin: 2em 0em 2em !important; padding: 0.5em 1em !important; border-radius: 5px; }
span.wpcf7-list-item { margin-left: 0; }

input.wpcf7-form-control.wpcf7-submit { background-color: #2f9806; }


/* AJAX SEARCH - plugin */


/* MAPS stuff */

.leaflet-container { font: 13px/1.5 Roboto, Arial, Helvetica, sans-serif !important; }

.maps-marker-pro .mmp-popup-markername, .mmp-list-name { font-weight: 700; color: #4aab10; }

/* Maps Marker Pro z-index for control icons */
.leaflet-bottom, .leaflet-top { z-index: 500 !important; }


/* NEW CSS - THEMIFY --------- */

/* GENERAL - THEMIFY */
.post-image img {
    border-radius: 0;
}
.module-image.rounded .image-wrap img{
	border-radius:8px
}
.module.module-buttons.rounded a{
    border-radius:5px
}
.ui.builder_button{
    line-height:100%;
    padding:.625em 1.25em;
}

/* THEMIFY, PLEASE DO NOT EDIT THIS AGAIN. RK - Fix for out of vertical alignment button icons */
.module-buttons em { margin-bottom: 2px; /*line-height:1.1;*/ }

/* zoom icon */
.image-wrap .zoom svg {
	display:none;
}
.image-wrap .zoom:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f002";
    height: auto;
    font-weight: 900;
}

/* GALLERY - THEMIFY */
.module-gallery-grid{
    column-gap:15px;
    row-gap:15px;
}
@media screen and (max-width:1024px){
	.gallery-columns-5,
	.gallery-columns-6,
	.gallery-columns-7,
	.gallery-columns-8,
	.gallery-columns-9 {
        	--galN: 4;
	}
}
@media screen and (max-width:680px){
	.gallery-columns-3,
	.gallery-columns-4,
	.gallery-columns-5,
	.gallery-columns-6,
	.gallery-columns-7,
	.gallery-columns-8,
	.gallery-columns-9 {
		--galN: 2;
	}
}
.module-gallery.rounded img {
	border-radius:5px;
}

/* search icon */
.search-button {
    padding: 7px;
}
.search-button .tf-fas-search {
	display:none;
}
#searchform .tf-fas-search {
	display:none; 
}

/* MENU - THEMIFY */
#main-nav ul {
    font-size: .95em;
    line-height: 1.45em;
}
#main-nav ul a {
	border:none;
}
#main-nav li>.sub-menu{
	border-radius:0;
	box-shadow: 0 3px 12px rgba(0,0,0,.12);
}
.mobile_menu_active #main-nav ul{
	border:none !important;
}
.mobile_menu_active #main-nav {	
	margin-top: 0; 
}
/*.child-arrow:after {
	display:none;
}*/

/* remove button hover bg circle */
#main-nav .child-arrow:hover,
.search-button:hover,
#menu-icon:hover,
#menu-icon-close:hover,
#close-search-box:hover {
	background:none !important;
}

/* MENU - RK */
/* RK - Hover background on mobile nav is displaying in Chrome */
@media (hover: none) {
#main-nav .toggle-on > a > .child-arrow { background:none !important; }
}

/* RK - Fix position of menu icons on nav */
#main-nav a > i .tf_fa { margin-bottom: 2px; }


/* POST - THEMIFY */
.more-link:after { 
    font-family: 'themify'; 
    content: '\e628'; 
    font-size: 1em; 
    border:none;
    transform:none;
}
.loops-wrapper.boxed .post { border-radius:0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.loops-wrapper.boxed .post-image img{
	border-radius:0
}
.post-nav .prev .arrow:after, 
.post-nav .prev .arrow:before,
.post-nav .next .arrow:after, 
.post-nav .next .arrow:before {
	transform:none;
	border:none;
}

/* FOOTER - THEMIFY */
a.footercontact i.ti-mobile.ui, a.footercontact i.ti-email.ui, a.footercontact i.ti-location-pin.ui {
    font-size: 1.2em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 1;
}


/* Fixed by Themify CSS Developer */
#footer .back-top-float,
#pagewrap .back-top-float{
    box-shadow:none
}
#main-nav ul a em{
    display:inline-block;
	vertical-align:middle;
	line-height:0;
	margin-top:-1px
}
#menu-icon{
    padding:0
}
.module-icon.none em{
    min-width:auto;
	min-height:auto;
	vertical-align:middle;
    line-height:normal
}
.footer-widgets .module-icon.none em{
    font-size:21px;
	padding-bottom: 0.2em;
    line-height: 1.2;
    padding-right: 0.1em;
}
.loops-wrapper.grid4>.post{
    line-height:1.8
}
.mfp-image-holder .mfp-content .mfp-close,
.mfp-iframe-holder .mfp-close{
    width:1em !important;
    padding:9px 5px
}
.tf_close.mfp-close:before,
.tf_close.mfp-close:after{
    width:4px;
    height:40%
}
.tf_close.mfp-close:hover{
    background:0
}
.themify_image_title{
    font-weight:normal
}
.mfp-arrow:before {
	transform: unset;
}
.more-link:after{
    line-height:1
}
.mobile_menu_active .header-icons{
    right:2%
}
.footer-text{
	padding:0 0 1.5em
}
.mfp-bottom-bar .tf_social_sharing{
	bottom:-30px;
	width: 50%;
}
.tf_social_sharing a{
	margin: 0 0 0 18px;
}
.shortcode.box .shortcode{
	float:left
}
.shortcode.themify-icon i.themify-icon-icon{
	font-size:3em;
	margin:5px 20px 5px 0
}
.related-posts .post-meta{
    display: none;
}