/*
Theme Name: 	Tag Theme 2026
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	based on the starkers theme
Version: 		4.0
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav
{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */  }


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */




/* standard layout*/

body 
{
padding:0px;background-color:#ffffff;border:0px;margin:0px;font-family: 'Open Sans', sans-serif;font-weight:400;
-webkit-font-smoothing: antialiased;overflow: hidden;
}



/*  colours */



.has-background-dim h1 {color:#ffffff}	
.has-background-dim h2 {color:#ffffff}	
.has-background-dim h3 {color:#ffffff}	

.has-blue-1-background-color {background-color:#112845;}

.has-blue-1-background-color h1 {color:#ffffff;}
.has-blue-1-background-color h2 {color:#ffffff;}
.has-blue-1-background-color h3 {color:#ffffff;}
.has-blue-1-background-color p {color:#ffffff;}
.has-blue-1-background-color li {color:#ffffff;}

.has-blue-2-background-color {background-color:#20436f;}

.has-blue-2-background-color h1 {color:#ffffff;}
.has-blue-2-background-color h2 {color:#ffffff;}
.has-blue-2-background-color h3 {color:#ffffff;}
.has-blue-2-background-color p {color:#ffffff;}
.has-blue-2-background-color li {color:#ffffff;}

.has-blue-3-background-color {background-color:#88a0bf;}

.has-blue-3-background-color h1 {color:#ffffff;}
.has-blue-3-background-color h2 {color:#ffffff;}
.has-blue-3-background-color h3 {color:#ffffff;}
.has-blue-3-background-color p {color:#ffffff;}
.has-blue-3-background-color li {color:#ffffff;}



.has-gold-1-oldbackground-color {background-color:#be8739;}

.has-gold-1-background-color {background-color:#bd9a5c;}

.has-gold-1-background-color h1 {color:#ffffff;}
.has-gold-1-background-colorh2 {color:#ffffff;}
.has-gold-1-background-color h3 {color:#ffffff;}
.has-gold-1-background-color p {color:#ffffff;}
.has-gold-1-background-color li {color:#ffffff;}
.has-gold-1-background-color p a {color:#ffffff;}


.has-black-1-background-color {background-color:#111111;}

.has-white-1-background-color {background-color:#ffffff;}

.has-blue-1-color {color:#112845;}
.has-blue-2-color {color:#20436f;}
.has-blue-3-color {color:#88a0bf;}
.has-gold-1-color {color:#bd9a5c;}
.has-black-1-color {color:#111111;}
.has-white-1-color {color:#ffffff !important;}

a.has-lexo-light-grey-background-color {color:#ffffff;background-color:#f0f3f2 !important;letter-spacing:5px;border-radius:36px;}
a.has-lexo-light-grey-background-color:hover {color:#ffffff;background-color:#282829 !important;}

a.has-lexo-dark-grey-background-color {color:#ffffff;background-color:#2E3C43; !important;letter-spacing:5px;}
a.has-lexo-dark-grey-background-color:hover {color:#ffffff;background-color:#009fe3; !important;}



body 
{
padding:0px;background-color:#ffffff;border:0px;margin:0px;font-family: 'Roboto', sans-serif;font-weight:300;
-webkit-font-smoothing: antialiased;
}




#gform_wrapper_1 label.gfield_label {font-size:22px;line-height:30px;font-weight:300;color:#545454;margin-bottom:10px;}


.gform_button {background-color:#009db4;
    padding: 5px 20px;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #fff !important;
	text-decoration:none;
	text-transform:uppercase;
border:0;
}

.gform_button:hover {background-color:#065d6a;
    padding: 5px 20px;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #fff !important;
	text-decoration:none;
}

.post-password-form {text-align:center;}


.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 3em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    background: #444;
    text-align: center;
}

body {
  margin: 0;
}