/*

Theme Name: Toast Development Theme
Description:  Base development theme for all Toast WP sites. MAJOR CHANGES TO THIS THEME ARE NOT ALLOWED. CLONE AND RE-VERSION IF YOU ARE MAKING SIGNIFICANT CHANGES.
Author: Toast Design // David Foreman
Date: May 2015
Version: 1.0
Theme URI: http://toastdesign.co.uk
Author URI: http://toastdesign.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Toast
Tags: one-column, two-columns, right-sidebar, flexible-width
test
*/

.gform_confirmation_message {
    color: #e73a2b;
    background: #eee;
    padding: 2rem;
}

.gform_wrapper input:focus { background: #c42b17; color: #fff; outline-color: transparent;
  outline-style: none; border: none; }


.content { border: none; padding: 20px; margin: 0 0 20px 0; /* REMOVE ME */ }

strong {color:#E63929;}

#wpadminbar li.toast-support a { background: #ff8f2b; }
#wpadminbar li.toast-support a:hover { background: #666; }

.cta-title { top: 36% !important; }


/*	Resets
*************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 

{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

img { vertical-align: top !important; }
.content img { width: 100%; height: auto; }

/*	Responsive styling for Youtube iframe embeds
*************************************************/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*	Remove styling from select menus (remove if not needed)
*************************************************/

select { -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
	background: #fff url(<?php echo site_url(); ?>/images/down-arrow.png) 95% center no-repeat; border: 1px solid #ccc;  }


/* HTML5 display-role reset for older browsers 
**************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*	Base CSS
*************************************************/

body {

	color: #2A2A2A;
	font-size: 16px;
	font-family: 'Bitter', Helvetica, Verdana, Arial, sans-serif; 
	margin: 0px auto 0px;
	padding: 0px;
	line-height: 1.6;

	}

p { margin: 0 0 15px 0; line-height: 1.6; }


.sticky {}
.gallery-caption {}
.bypostauthor {}

.gradient {
    clear: both;
background-image:
    linear-gradient(
      #ccc, #fff
    );
    height: 10px;
    margin: 40px 0px 0px 0px;
}

.top-gradient {
    clear: both;
background-image:
    linear-gradient(
      #ccc, #fff
    );
    height: 10px;
}



/*	Simple Social Icons using FontAwesome
**************************************************/


/*	Simple social icons using FontAwesome - ref: http://codepen.io/ameyraut/pen/yfzog
*************************************************/

/*----- Genral Classes start ------*/



.list-unstyled {
	padding-left: 0;
	list-style: none;
	text-align: right;
	margin-top: 20px;
}
.list-inline li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
/*---- Genral classes end -------*/

/*Change icons size here*/
.social-icons .fa {
	font-size: 1em;
}


/*Change icons circle size and color here*/
.social-icons .fa {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	/*-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; */
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
 






/*	Base ANCHOR CSS
*************************************************/


a { color: #E63929; text-decoration: none; outline: none; }
a:hover { color: #666; text-decoration: none; outline: none; }


/* Drop Down Link styling
**************************************************/


/*.nav li.current_page_item a, .nav li.current_page_ancestor a, .nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.nav ul li.current_page_item ul.sub-menu li a, .nav ul li ul.sub-menu li a { color: red; }
.nav ul li.current_page_item ul.sub-menu li a:hover, .nav ul li ul.sub-menu li a:hover { color: green; }*/


/*	Navbar  									*
************************************************/

.nav { padding: 20px 0; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c42b17+0,e73a2a+9 */
background: #c42b17; /* Old browsers */
background: -moz-linear-gradient(top,  #c42b17 0%, #e73a2a 9%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c42b17 0%,#e73a2a 9%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c42b17 0%,#e73a2a 9%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42b17', endColorstr='#e73a2a',GradientType=0 ); /* IE6-9 */


  }
.nav ul { max-width: 1140px; margin: 0 auto; padding: 0 20px; text-align: center; font-size: 1.2em; }
.nav li { display: inline; margin: 0 2%; position: relative; /* this is needed in order to position sub menus */ }
.nav li a  { padding: 24px 0; color: #fff; } /* Links on the main nav bar ONLY */
.nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { color: #ff8f2b; } /* Links on the dropdowns ONLY */
.nav li a:hover, .nav li.current_page_item a, .nav ul li.current_page_item ul li a:hover, .nav ul li.current-page-ancestor ul li a:hover,  .nav li.current-page-ancestor a { color: #000; background: transparent url(images/nav-arrow.png) top center no-repeat;  }
.nav li.current_page_item a { }


/*	Submenus Dropdowns
***********************************************/


.nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	padding: 0 0 10px 10px; 
	overflow: hidden;
	top: 39px; /* this should be the same height as the top level menu -- height + padding + borders */
	left: 0;
	width: 200px;
	background: #333;
	text-align: left;
}


.nav ul ul li { float: left; margin: 0; padding: 5px 0; /* Removed anything inherited from the main nav */ }
.nav ul ul li a { padding: 0px 10px; display: block;  }
.nav ul ul li a:hover {}
.nav ul li:hover > ul { display: block; }



	
/*	Responsive Grid (desktop) DO NOT NEST these styles
*************************************************/

*, *:after, *:before { 	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

[class*='col-'] { float: left; padding-right: 20px; /* column-space */ overflow: hidden; }

.grid, .header {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.footer .grid-pad { padding-top: 0px; }

.push-right {
	float: right;
}

/* ------------------------ 
Content Columns 
 -------------------------- */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12, .col-3-4 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}



/*	Header									*
************************************************/

a.logo { display: block; float: left; margin: 0px 0 20px 0; padding: 20px 0px; }
a.logo img { width: 110%; height: auto; }
a.logomobile { display: none; }

.content-social {
    padding: 10px;
    margin: 0 0 20px 0;
}

.header-contact-info { float: right; }

.email, .phone { text-align: right; }

.email a {color: #000;font-size: 2em;}

.email a:hover {color: #E73A2A;
-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

.phone { }



/*	Images
************************************************/
/* This CSS controls both height and width of images - handy for making different size logos fit */

/*.classnamehere img { display: block; max-width:250px; max-height:95px; width: auto; height: auto; } */




/*	Main Content 					     		    * 
************************************************/
.content-home {
text-align:center;
    padding: 20px;
    margin: 0 0 20px 0;}

.content.main.home {
border:none;
    padding: 20px;
    margin: 0 0 20px 0;
text-align:center; }

.cta-image img {
    width: 100%;
}

.cta-image {
    margin: 0 0 20px 0;
    position: relative;
}

.cta-title {
    position: absolute;
    top: 23%;
    text-align: center;
    background: rgba(0, 0, 0, 0.47);
    padding: 20px 30px;
    color: #fff;
    font-size: 1.4em;
}

.cta-one {
    padding: 150px 30px 20px 30px;
    background: #C7C6C6 url("/wp-content/uploads/2015/12/cta-one-icon.png") no-repeat top center;
    font-size: 1.2em;
    text-align: center;
    margin: 0 0 20px 0;
    background-position-y: 25px;
    color: #fff;
}

.cta-two {
    padding: 150px 30px 20px 30px;
    background: #E63929 url("/wp-content/uploads/2015/12/cta-two-icon.png") no-repeat top center;
    font-size: 1.2em;
    text-align: center;
    margin: 0 0 20px 0;
    background-position-y: 25px;
    color: #fff;
}

.cta-three {
    padding: 150px 30px 20px 30px;
    background: #29292B url("/wp-content/uploads/2015/12/cta-three-icon.png") no-repeat top center;
    font-size: 1.2em;
    text-align: center;
    margin: 0 0 20px 0;
    background-position-y: 25px;
    color: #fff;
}

li.col-1-3 {
    text-align: center;
}

ul.top-three-posts .featuredimg {
    position: relative;
}

ul.older-posts .featuredimg {
    position: relative;
}

.featuredimg h2 {
    position: absolute;
    bottom: 0%;
    text-align: center;
        margin: 0px 0px 0px 0px;
    left: 0;
    right: 0;
    color: #fff;
    letter-spacing: 1px;
    font-size: 1.2em;
    background: rgba(0, 0, 0, 0.48);
    padding: 20px;
}

.featuredimg img {
    width: 100%;
    height: auto;}

.featuredimg {
margin-bottom:20px;}



/* Flexible Content */

.col-1-1.flex { margin: 40px 0; border: 1px solid #eee; }


/* Buttons */

a.button, .gform_button { margin: 20px 0; font-size: 120%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; background: #ff8f2b; padding: 5px 10px; color: #fff; clear: both; }
a.button:hover, .gform_button:hover { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; background: #333; }

a.main-button {
    padding: 15px 20px 15px 90px;
    color: #fff;
    background: #000 url("/wp-content/uploads/2015/12/main-button-icon.png") no-repeat center left;
    background-size: 20%;
    display: inline-block;
        background-position-x: 14px;
border-radius:3px;
}

a:hover.main-button {
    background: #E63929 url("/wp-content/uploads/2015/12/main-button-icon.png") no-repeat center left;
background-size: 20%;
    display: inline-block;
        background-position-x: 14px;
-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

.featured-image {
    margin: 0 0 30px 0;
}

.content.main h1 {
    color: #000;
}

.google-map {
    margin: 0 0 20px 0;
}


/* Typography */

h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
h1 { font-size: 210%; margin: 0 0 30px 0; color:#2A2A2A; }
h2 { font-size: 170%; margin: 0 0 30px 0; color:#E63929; }
h3 { font-size: 160%; margin: 0 0 30px 0; }
h4 { font-size: 140%; margin: 0 0 10px 0; }
h5 { font-size: 130%; margin: 0 0 10px 0; }
h6 { font-size: 120%; margin: 0 0 10px 0; }

/* Content Elements */

.content.slider { margin-top: -20px; margin-bottom: 0px; padding: 200px 0; text-align: center; }

/* Lists */

.content.editor ul { list-style: square; margin: 40px 0; padding: 0 0 0 40px; }
.content.editor ul li { margin: 0 0 10px 0; }

/* Blockquotes */

blockquote { margin: 30px 0; padding: 20px; border: 1px solid #fff; background: #eee; }


/*	Sidebars								*
************************************************/

.sidebar li a { color: #ff8f2b; }
.sidebar li a:hover { color: grey; }
.sidebar li.current_page_item a { color: grey; }


/* LEFT	*/

.left-sidebar { }
.left-sidebar-widget { margin-bottom: 40px; }
.left-sidebar ul { list-style: none; }
.left-sidebar li { margin: 5px 0;  }
.left-sidebar ul li a { display: block; padding: 5px; background: #333; }

/* RIGHT */

.right-sidebar { }
.right-sidebar-widget { margin-bottom: 40px; }
.right-sidebar ul { list-style: none; }
.right-sidebar li { margin: 5px 0; }
.right-sidebar ul li a {  display: block; padding: 5px; background: #333; }


/*	Footer  									*
************************************************/

.footer {
        margin: 60px 0 0 0;
    background: #29292B;
}
.footer h5 { padding: 0 0 6px 0; }
.footer .content {margin: 0; }
.footerinner {  }
.footer p { }
.footer ul { margin: 20px 0;  }
.footer ul li {  }
.footer ul li a { display: block; margin: 0 0 5px 0;   }
.footer ul li a:hover {  }
.footer ul ul { margin: 0; }
.copyright { background: #9CA6AE;}
.copyright p { color: #000; text-align: center; padding:  10px 0; margin: 0; font-size: 80%; }
.footer a.logo img { width: 100%; height: auto; }

.col-1-2.widget_text.text-2 {
    color: #fff;
padding: 30px 20px 30px 0px;
}

.footer .cta-two {
    padding: 150px 30px 20px 30px;
    background: #E63929 url("/wp-content/uploads/2015/12/cta-two-icon.png") no-repeat top center;
    font-size: 1.2em;
    text-align: center;
    margin: 30px 0 30px 0;
    background-position-y: 25px;
    color: #fff;
}




/*	Wordpress Core Style					     		    * 
************************************************/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}



/*	WOOCOMMERCE
*************************************************/

.payment_methods.methods img { width: auto; height: auto; }
.woocommerce-billing-fields input { padding: 5px; }
.woocommerce .quantity .qty { padding: 7px 0; }
.woocommerce .button, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce submit.button.alt { background: #fff !important; border: 1px solid #ccc !important; text-transform: uppercase; font-weight: 300 !important; font-size: 90% !important; }
.woocommerce a.button:hover, .woocommerce button.button.alt:hover  { background: #ccc !important; color: #fff !important; }
.woocommerce input.input-text, .woocommerce text-area#order_comments { padding: 10px 5px !important;  }
.woocommerce .woocommerce.form .form-row input.input-text { padding: 4px 2px !important; }
.woocommerce .woocommerce-checkout #payment { background: #fff; border: 1px solid #ccc; }
.woocommerce .woocommerce-checkout #payment div.payment_box { background: #eee; }
.woocommerce .woocommerce-checkout li { background: none; }
.woocommerce .woocommerce-checkout #payment div.payment_box:before, .woocommerce .woocommerce-checkout #payment div.payment_box:after {   }
.woocommerce-cart .cart-collaterals .cart_totals table { width: 100% !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {  }
.woocommerce .input-text.qty.text { padding: 7px 0 !important; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message, .woocommerce .woocommerce-message::before { border-top-color: #000 !important; color: #000 !important; }
.woocommerce small { font-size: .875em !important; }
.woocommerce-shipping-fields { padding: 10px; background: #f7f6f7; }
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { font-size: 100%; padding: 10px 20px; background: #fff; border: 1px solid #eee; }
li.gfield.prooftext { margin-top: -20px !important; }
.woocommerce .related.products { clear: both; }
.woocommerce .woocommerce-tabs .panel h2 {   }
.upsells.products { clear: both; }
.sku_wrapper {}
.woocommerce .reset_variations { font-size: 80%; }
mark.count {   }
.variations td.label { padding-bottom: 20px; }
.woocommerce ul.products li.product .price del { float: left; margin: 0 10px 0 0; }
small.includes_tax {   }
.woocommerce .gform_wrapper .gform_footer { padding: 0 !important; }
.woocommerce .amount { font-size: 170% !important; }
.col-1-3 select.dropdown_product_cat { width: 100%; }
input.input-text, textarea.input-text { font-size: 110% !important; }
.woocommerce tr.cart_item .amount { font-size: 100% !important; }
.woocommerce table.variations { width: 100%; }
.gform_button { border: none; padding: 5px 10px; color: #fff; background: #ccc; font-size: 140% !important; font-family: 'lato'; }
.gform_button:hover { background: #555B50; }
.woocommerce ul.order_details { list-style: none; }
.woocommerce ul.order_details li { list-style: none; padding: 20px; font-size: 20px !important; }
.woocommerce ul.order_details li .amount { font-size: 1.4em !important; }




/*	Responsive Media Queries  			*
************************************************/

@media (max-width: 1599px) { }

@media (max-width: 1069px) { }

@media (max-width: 999px) { }



/* iPad breakpoint. */


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {


.col-2-3, .col-8-12 { width: 66.66%; }
	.col-1-2, .col-6-12 { width: 50%; }
	.col-1-3, .col-4-12 { width: 33.33%; }
.footer .col-1-4 {word-wrap: break-word;}

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

	.grid {width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 10px; }
	[class*='col-'] { width: auto; float: none; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; padding-left: 0px; padding-right: 10px; }

.col-3-4.push-left {
    width: 100%;}
.cta-title {
    display: none;}
}

@media (max-width: 768px) { 
	
	/* Mobile Layout */
	
	[class*='col-'] { float: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; padding-left: 0px; padding-right: 20px; padding-bottom: 0px; }

	.col-1-1 { width: 100%; }
	.col-2-3, .col-8-12 { width: 100%; }
	.col-1-2, .col-6-12 { width: 50%; }
	.col-1-3, .col-4-12 { width: 33.33%; }
	.header .col-1-3 { width: 33.33%; }
	header .col-1-3 { width: 50%; } /*This moves the LOGO and CONTACT divs to 50% width on iPad */
	.col-1-4, .col-3-12 { width: 25%; word-wrap: break-word;}
	.footer .col-1-4 { width: 50%; }
	.col-1-5 { width: 20%; }
	.col-1-6, .col-2-12 { width: 16.66%; }
	.col-1-7 { width: 14.28%; }
	.col-1-8 { width: 12.5%; }
	.col-1-9 { width: 11.1%; }
	.col-1-10 { width: 10%; }
	.col-1-11 { width: 9.09%; }
	.col-1-12 { width: 8.33%; }

	/* Layout Columns */
	.col-11-12 { width: 91.66%; } 
	.col-10-12 { width: 83.333%; }
	.col-9-12, .col-3-4 { width: 75%; }
	.col-5-12 { width: 41.66%; }
	.col-7-12 { width: 58.33% }

	.hide-on-mobile { display: none !important; width: 0; height: 0; }
	.push-right { float: right !important; }
	.push-left { float: left;}

	.footer a.logo { display: none; text-align: center; }
	.footer a.logo img { width: 50%; }
	.footer a.logomobile { display: block; text-align: center; }
	.footer a.logomobile img { width: 80%; height: auto; margin-bottom: 20px;}

	.footer .content { padding-left: 0; padding-right: 0; }
	.footer .content .content { padding-left: 20px; padding-right: 20px; }


	}


	


@media (max-width: 643px) { .col-1-6, .col-2-12 { width: 50%; }   }


/* Mobile devices */

@media (max-width: 500px) { 	 /* CHANGE THIS MAX WIDTH TO 359px ON GO LIVE - left in to make desktop checks easier */

header .col-1-3 { width: 100%; } /*This moves the LOGO and CONTACT divs to 100% width on PHONES */

 }



/* Smartphones (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) { 

.nav li  { display: block; width: 100%; }
.nav li a { display: block; }
.nav ul li ul.sub-menu { display: none; }
[class*='col-'] { width: 100%; padding: 5px 20px 5px 0; margin: 0; }
.footer .content { padding: 20px 0px; }
.footer a.logo { width: 50%; margin: 20px auto; float: none; }
a.logo { text-align: center; float: none; width: 100%; }
a.logo img { width: 80%; }
.content { padding-left: 0px; padding-right: 0px; }
.social, .phone, .email { text-align: center; }

.cta-title {
    display: none;}

.content-home h1 {
    font-size: 115%;}

}





/* Unslider */
.unslider h1 { text-transform: uppercase; font-weight: 100; margin: 0; }
.unslider h3 { font-weight: 300; }
.content.grey h3 { text-transform: uppercase; font-weight: 200;  }
.unslider{overflow:auto; }
.unslider-wrap{position:relative;}
.unslider-wrap.unslider-carousel li{float:left;}
.unslider-vertical>ul{height:100%;}
.unslider-vertical li{float:none;width:100%;}
.unslider-fade{position:relative;}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8;}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10;}
.unslider li{list-style:none;margin:0;padding:0;border:none;}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer;top: 45%; color: #fff;}
.unslider-arrow.next{left:auto;right:55px;}
.unslider-arrow.prev{left:35px;right: auto;}

.my-slider .slidertext { margin: 100px 0; padding: 50px 0; color: #fff; background: rgba(113,93,89,.6); text-align: center; font-weight: 300; }
.my-slider .slidertext h1, .my-slider .slidertext h3 { color: #fff; padding: 0 70px; }
a.sliderbutton { display: inline-block; padding: 10px 20px; margin: 20px 0; font-size: 90%; color: #fff; border: 1px solid #eee; }
.homepagenewsloop h1 { margin: 20px 0; padding: 50px 0; color: #fff; background: rgba(113,93,89,.6); text-align: center; font-weight: 300;  }
.homepagenewsloop { padding: 120px 0; }
.sidebarnewsloop { padding: 75px 0; }
.homepagenewsloop h3 { margin: 20px 0;  }
.content.grey { padding: 20px; background: #F1F1F1; margin-bottom: 30px; }
.content.grey h3 { padding: 0 0 5px 0; border-bottom: 1px solid #fff; }
.advert img { width: 100%; }
.si_item { width: 25% !important; }
.si_item img { width: 100% !important; height: auto !important; line-height: 0 !important; vertical-align: top; }


/* Unslider Dots */

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */

.unslider-nav { position: absolute;  WIDTH: 100%; BOTTOM: 0; }
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 10px 4px;
  background: transparent;
  border-radius: 10px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

.copyright a {
    color: #5d5d5d;
}