/*
Theme Name: Caroline Summers
Theme URI: http://inspyregroup.com
Description: A Modular Theme.
Author: Dylan Ralston, Inspyre Group
Version: 1.0
Tags: awesome
*/

/* Systemic */

.underlay { margin-top: 0px !important; }
* {box-sizing:border-box;}
body {font-family: 'Josefin Sans', sans-serif; background: #fff; /* Old browsers */
/* background: -moz-linear-gradient(top,  #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #f9fcf7 0%,#f5f9f0 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  #f9fcf7 0%,#f5f9f0 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top,  #f9fcf7 0%,#f5f9f0 100%); /* IE10+ */
/* background: linear-gradient(to bottom,  #f9fcf7 0%,#f5f9f0 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
color: #958e89;}
img {max-width: 100%;}

a {color: inherit; text-decoration: none;}

.column.fourth.spacer img {
    width: 100%;
}
/* Typography */

h1,h2,h3,h4,h5,h6 {margin: 0px; font-weight: normal;}
h1 {font-size: 34px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 24px;}
h6 {font-size: 22px;}

label,li,input,textarea,blockquote,select,.btn,button {font-size: 14px;}
p {
  font-size: 18px;
  line-height: 1.4;
}

table {font-size: 14px; width: 100%;}

i.fa {font-size: 28px; vertical-align: middle; margin:0px 10px;}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(169, 161, 155,0), rgba(169, 161, 155,0.75), rgba(169, 161, 155,0));
	background-image: -moz-linear-gradient(left, rgba(169, 161, 155,0), rgba(169, 161, 155,0.75), rgba(169, 161, 155,0));
	background-image: -ms-linear-gradient(left, rgba(169, 161, 155,0), rgba(169, 161, 155,0.75), rgba(169, 161, 155,0));
	background-image: -o-linear-gradient(left, rgba(169, 161, 155,0), rgba(169, 161, 155,0.75), rgba(169, 161, 155,0));
}

/* Form Elements */

.btn, button, input[type=submit] {background-color: #F1E38C; border:none; padding:10px 25px; color: #000; border:1px solid #958e89;}
input[type=text],input[type=email],input[type=password],textarea {padding:10px; border:1px solid #c7c7c7; color: #000;}


/* Nicks Column System */

.col-wrap {font-size: 0;}
.column {display: inline-block; vertical-align: top;}

.spacer {padding: 20px;}

.rel {position: relative;}

.clearfix {clear: both;}

/* Floats */

.float-left {float: left;}
.float-right {float: right;}
.no-float {float: none;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}


/* Columns */

.col-wrap {font-size:0;}
.column {box-sizing: border-box; display: inline-block; vertical-align: top;}
.full {width: 100%;}
.ninety {width: 90%;}
.four-fifths {width: 80%;}
.three-fourths {width: 75%;}
.two-thirds {width:66.666%;}
.three-fifths {width: 60%;}
.half {width: 50%;}
.two-fifths { width: 40%; }
.third {width: 33.333%;}
.three-tenths { width: 30%; }
.fourth {width: 25%;}
.fifth {width: 20%;}
.tenth {width: 10%;}

/* Alignments */

.talignleft {text-align: left;}
.talignright {text-align: right;}
.taligncenter {text-align: center;}
.alignleft {float: left;}
.alignright {float: right;}
.valignmiddle {vertical-align: middle;}
.valignbottom {vertical-align: bottom;}
.table-cell.valignbottom {vertical-align: bottom;}

/* Text Effects */

.shadow-subtle { text-shadow: 1px 1px 0px #e0e0e0; }
.shadow-white {  text-shadow: 1px 1px 0px #FFFFFF;}
.shadow-pronounced { text-shadow: 1px 1px 0px #333333; }
.shadow-tight {  text-shadow: -1px -1px 0px #222, 2px 1px 0px #838383;}
.uppercase {text-transform: uppercase;}
.opacity-70 {opacity: .7;}
.opacity-50 {opacity: .5;}

/* BG Image Effects */

.cover { background-size: cover; }
.img-bg {background-color: #333;}

/* Borders */
.no-border {border: 0;}
.no-border-radius {border-radius: 0;}
.border-left {border-left: 1px solid;}
.radius-6 {border-radius: 6px;}
.inset-border-right {  border-right: 1px solid #cdcdcd; box-shadow: inset -1px 0px 0px #fdfdfd; -moz-box-shadow: inset -1px 0px 0px #fdfdfd; -webkit-box-shadow: inset -1px 0px 0px #fdfdfd;}
.dashed-bottom {border-bottom: 1px dashed #ccc;}

/* Padding Rules */

.pad-5 {padding: 5px;}
.pad-10{padding:10px;}
.pad-15{padding:15px;}
.pad-20{padding:20px;}
.pad-25{padding:25px;}
.pad-30{padding:30px;}
.col-pad-5{padding-left: 5px; padding-right: 5px;}
.col-pad-10{padding-left: 10px; padding-right: 10px;}
.col-pad-15{padding-left: 15px; padding-right: 15px;}
.col-pad-20{padding-left: 20px; padding-right: 20px;}
.col-pad-25{padding-left: 25px; padding-right: 25px;}
.col-pad-30{padding-left: 30px; padding-right: 30px;}
.col-pad-10percent {padding-left: 10%; padding-right: 10%;}
.row-pad-5{padding-top: 5px; padding-bottom: 5px;}
.row-pad-10{padding-top: 10px; padding-bottom: 10px;}
.row-pad-15{padding-top: 15px; padding-bottom: 15px;}
.row-pad-20{padding-top: 20px; padding-bottom: 20px;}
.row-pad-25{padding-top: 25px; padding-bottom: 25px;}
.row-pad-30{padding-top: 30px; padding-bottom: 30px;}
.top-pad-5{padding-top:5px;}
.top-pad-10{padding-top:10px;}
.top-pad-15{padding-top:15px;}
.top-pad-20{padding-top:20px;}
.top-pad-25{padding-top:25px;}
.top-pad-30{padding-top:30px;}
.bottom-pad-5{padding-bottom:5px;}
.bottom-pad-10{padding-bottom:10px;}
.bottom-pad-15{padding-bottom:15px;}
.bottom-pad-20{padding-bottom:20px;}
.bottom-pad-25{padding-bottom:25px;}
.bottom-pad-30{padding-bottom:30px;}
.left-pad-5{padding-left:5px;}
.left-pad-10{padding-left:10px;}
.left-pad-15{padding-left:15px;}
.left-pad-20{padding-left:20px;}
.left-pad-25{padding-left:25px;}
.left-pad-30{padding-left:30px;}
.left-pad-10percent {padding-left: 10%;}
.right-pad-5{padding-right:5px;}
.right-pad-10{padding-right:10px;}
.right-pad-15{padding-right:15px;}
.right-pad-20{padding-right:20px;}
.right-pad-25{padding-right:25px;}
.right-pad-30{padding-right:30px;}
.right-pad-10percent {padding-right: 10%;}
.no-padding {padding: 0;}
.no-row-padding {padding-top: 0; padding-bottom: 0;}
.no-col-padding {padding-left: 0; padding-right: 0;}

/* Margin Rules */

.margin-5 {margin: 5px;}
.margin-10{margin:10px;}
.margin-15{margin:15px;}
.margin-20{margin:20px;}
.margin-25{margin:25px;}
.margin-30{margin:30px;}
.col-margin-5{margin-left: 5px; margin-right: 5px;}
.col-margin-10{margin-left: 10px; margin-right: 10px;}
.col-margin-15{margin-left: 15px; margin-right: 15px;}
.col-margin-20{margin-left: 20px; margin-right: 20px;}
.col-margin-25{margin-left: 25px; margin-right: 25px;}
.col-margin-30{margin-left: 30px; margin-right: 30px;}
.row-margin-5{margin-top: 5px; margin-bottom: 5px;}
.row-margin-10{margin-top: 10px; margin-bottom: 10px;}
.row-margin-15{margin-top: 15px; margin-bottom: 15px;}
.row-margin-20{margin-top: 20px; margin-bottom: 20px;}
.row-margin-25{margin-top: 25px; margin-bottom: 25px;}
.row-margin-30{margin-top: 30px; margin-bottom: 30px;}
.top-margin-5{margin-top:5px;}
.top-margin-10{margin-top:10px;}
.top-margin-15{margin-top:15px;}
.top-margin-20{margin-top:20px;}
.top-margin-25{margin-top:25px;}
.top-margin-30{margin-top:30px;}
.bottom-margin-5{margin-bottom:5px;}
.bottom-margin-10{margin-bottom:10px;}
.bottom-margin-15{margin-bottom:15px;}
.bottom-margin-20{margin-bottom:20px;}
.bottom-margin-25{margin-bottom:25px;}
.bottom-margin-30{margin-bottom:30px;}
.left-margin-5{margin-left:5px;}
.left-margin-10{margin-left:10px;}
.left-margin-15{margin-left:15px;}
.left-margin-20{margin-left:20px;}
.left-margin-25{margin-left:25px;}
.left-margin-30{margin-left:30px;}
.left-margin-10percent {margin-left: 10%;}
.right-margin-5{margin-right:5px;}
.right-margin-10{margin-right:10px;}
.right-margin-15{margin-right:15px;}
.right-margin-20{margin-right:20px;}
.right-margin-25{margin-right:25px;}
.right-margin-30{margin-right:30px;}
.no-margin{margin: 0;}
.no-margin-bottom{margin-bottom: 0;}
.no-row-margin {margin-top: 0; margin-bottom: 0;}
.no-col-margin {margin-left: 0; margin-right: 0;}
.auto-margin {margin-left: auto; margin-right: auto;}
.auto-margin-right-adjust { margin-left: auto; margin-right: 0;}

/* Height Magic */

.height-100{height: 100vh; max-height: 750px; min-height: 400px;}
.height-90{height: 90vh; max-height: 700px; min-height: 350px;}
.height-80{height: 80vh; max-height: 700px; min-height: 350px;}
.height-70{height: 70vh; max-height: 875px; min-height: 550px;}
.height-60{height: 60vh; max-height: 700px; min-height: 400px;}
.height-50{height: 50vh; max-height: 530px; min-height: 375px;}

/* Admin Bar Adjustment */



/* Table Magic */

.table {display: table; height: 100%; width: 100%;}
.table-cell {  display: table-cell; height: 100%; vertical-align: middle;}
.inline-block {display: inline-block;}
.block {display: block;}
.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
/* Universal Colors */
.black-wrap { color: #fff; background: #111; }

footer { position: relative;}