/*
Theme Name: Custom _SBS3
Theme URI: http://underscores.me/
Author: Gary Lees
Author URI: http://illustrationanddesign.uk
Description: Custom theme using underscores and bootstrap 3
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: custom_sbs3
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Custom _SBS3 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global Styles
# Typography
# Elements
# Links
# Alignments
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/

html{}

body { 
list-style-type: none; 
margin:0;
padding:0;
overflow-y: scroll;
overflow-x: hidden;
font-family: "poppins",sans-serif;
font-weight:700;
font-size: 14px;
line-height: 1.42857143;
word-wrap: break-word;
}

/* global box-sizing */
*, *:after, *:before { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* Selection */
::-webkit-input-placeholder { color: inherit; }

::selection {
	background:#f2f2f2;;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#f2f2f2;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#f2f2f2;
	color:#FFF;
	text-shadow:none;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Clearing */
.clear {
	clear: both;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1 { font-size: 55px; line-height: 60px; font-family:'poppins', sans-serif; font-weight:normal; color: #96c41c;}

h2 { font-size: 36px; line-height: 40px; font-family:'poppins', sans-serif; font-weight:normal; color:#0f71b8;}

h3 { font-size: 30px; line-height: 35px; font-family:'poppins', sans-serif; font-weight:700; margin-bottom: 20px; color:#0f71b8;}

h4 { font-size: 24px; line-height: 32px; font-family:'poppins', sans-serif; font-weight:normal; color:#0f71b8;}

h5 { font-size: 22px; line-height: 28px; font-family:'poppins', sans-serif; font-weight:normal; color:#0f71b8;}

h6 { font-size: 18px; line-height: 30px; font-family:'poppins', sans-serif; font-weight:normal; color:#0f71b8;}

p  { font-size: 18px; line-height: 30px; font-family:'poppins' , sans-serif; font-weight:normal;  margin-bottom: 20px;}

.boldText{font-family:'poppins', sans-serif;font-weight:700}




/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

hr {display: block; height: 2px; width: 100%; border-top: 1px solid #eeeeee; margin: 0 auto; margin-top: 10px;}

.padding {padding-left: 5px; padding-right: 5px;}

.smallSpacer { margin-bottom:25px;}
.spacer { margin-bottom:50px;}
.largeSpacer { margin-bottom:80px;}

.centre { display:block; margin-left: auto; margin-right: auto; }


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a { color:#0f71b8; text-decoration:none; }
a:hover{text-decoration:none; color:#0f71b8;}
a:focus { outline:0; }
a:hover, a:active { outline:0;}
input:focus { outline:0; border:1px solid #444444; }


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
	/*--------------------------------------------------------------
	## Captions
	--------------------------------------------------------------*/

	.wp-caption {
		border: 1px solid #ccc;
		margin-bottom: 10px;
		max-width: 100%;
		border: 1px solid #ccc;
		border-radius: 4px;
		padding: 0 10px;
	}
	.wp-caption.aligncenter {
		margin-bottom: 10px;
	}
	.wp-caption img[class*="wp-image-"] {
		display: block;
	}
	.wp-caption .wp-caption-text {
		text-align: center;
		margin-top: 10px;
	}

	/*--------------------------------------------------------------
	## Galleries
	--------------------------------------------------------------*/

	.gallery {
		margin-bottom: 1.5em;
	}
	.gallery a img {
		border: none;
		height: auto;
		max-width: 90%;
	}
	.gallery dd {
		margin: 0;
	}
	.gallery-caption {
		display: block;
	}