/* 
  ------------------------------------------------
  PVII Affinity
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  Boardroom Theme
  ------------------------------------------------
*/

body {
	background-color: #ffffff;
	font-family: "Source Sans 3", Arial, sans-serif;
	margin: 0px 0px 30px 0px;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight:400;
	color: #404040;
}

/*Theme colors*/
.black {color: #404040;}
.dk-gold {color:#A0620D;}
.pl-gold {color: #D88E27;}
.yellow {color:#D88E25;}
.dk-grey {color:#DDDDDD;}
.pl-grey {color: #F1F1F1;}
.blanc { color: #fff !important; }
		
/*Background colors*/
.darkbg {background-color:#404040; color:#fff;}
.greybg {background-color:#DDDDDD; color:#404040;}

/*This rule assigns a gray gradient background */
.gradient-grey {
	background-color: #EEE;
	background-image: -webkit-linear-gradient(#EEE, #CCC);
	background-image: linear-gradient(#EEE, #CCC);
}

hr { height:1px; border-width:0px; color: #999; background-color:#999; }
		
/*Clear floats to help view better in DW wysiwyg mode ==> Added NC */
.clearall {clear:both; }
		
/*General images and paragraph alignment adjustment */
img {vertical-align: bottom;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.center {text-align:center;}

/*Utility Rules for images. Scalable class makes images scale with window size.*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}

/*Logo and Banner*/
#logo {
	position: relative;
	background-color: #404040;
	background-image: url(../images/bckbanner.png);
	background-repeat:no-repeat;
}

#logo .column-content {
	padding: 20px 30px; }

/* 
Add the accented class to the scalable class to add eounded corners and a border.
<img class="scalable accented"...>*/
.accented {
	border-radius: 5px;
	border: 1px solid #999;
	padding: 10px 20px;
	margin: 20px;
	font-size: .9em;
}

.avis {
		line-height: normal;
		font-size: .8em;
}
/*Layout Wrapper*/
#layout {
	max-width: 1240px;
	margin: 0px auto;
	background-color: #FFF;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}

/*Default Row Structures*/
.affinity-row {
	padding: 0px;
}

/*Clear Fix to Clear Floats*/
.affinity-row:after {
	visibility: hidden;
	display: block;
	content: "\0020";
	clear: both;
	height: 0;
}

/*Structural wrapper for 2-column row*/
.affinity-row .column-half {
	width: 49%;
	float: left;
}

/*Structural wrapper for 3-column row*/
.affinity-row .column-third {
	width: 33.3333333%;
	float: left;
}

/*Structural wrapper for 4-column row*/
.affinity-row .column-fourth {
	width: 25%;
	float: left;
}
/*Structural wrapper for 5-column row*/
.affinity-row .column-fifth {
	width: 20%;
	float: left;
}

/*Structural wrapper for 2-column sidebar-left row*/
.affinity-row.sidebar-left .column-1 {
	width: 76%;
	float: right;
}
.affinity-row.sidebar-left .column-2 {
	width: 24%;
	float: right;
}
.affinity-row.sidebar-left .column-content {
	line-height: 1.5;
}
.affinity-row.sidebar-left .column-2 .column-content {
	font-size: .9em;
}

/*Structural wrapper for 2-column sidebar-right row*/
.affinity-row.sidebar-right .column-1 {
	width: 76%;
	float: left;
}
.affinity-row.sidebar-right .column-2 {
	width: 24%;
	float: left;
}
.affinity-row.sidebar-right .column-content {
	line-height: 1.5;
}
.affinity-row.sidebar-right .column-2 .column-content {
	font-size: .9em;
}
.left-border {
	border-left: 1px solid #000;
}
.right-border {
	border-right: 1px solid #000;
}
.left-right-border {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

/*Column Content*/
.column-content {
	line-height: 1.35;
	padding: 15px 20px;
}
.affinity-row.sidebar-right .column-content,
.affinity-row.sidebar-left .column-content,
.affinity-row.thirds.full-height .column-content {
	padding: 30px;
}

/*Column Content for entry's 5 columns*/
.affinity-row .column-fifth .column-content {
	font-size: .9em;
	line-height: 1.35;
	padding: 15px 14px;
}

/*Padding Management for Nested Rows*/
.no-pad-left-top-bottom {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}
.no-pad-right-top-bottom {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}
.no-pad-top-bottom {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


/*Headings*/
h1, h2, h3, h4 {
	font-family: "Source Sans 3", Arial, sans-serif;
	line-height: normal;
	margin: 30px 0px 0px 0px;
}

h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration: none;}

/* ======================= */

h1 { font-size: 1.5em; font-weight: 400; color: #D88E27; line-height: 1.6em; padding: 2px 0px;}
h2 { font-size: 1.2em; font-weight: 400; color: #D88E27; line-height: 1.2em; }
h3 { font-size: 1.2em; font-weight: 600; color: #404040; }
h4 { font-size: 1.2em; font-weight: 600; color: #455673; padding-top: 0px; }
h5 { font-size: 2.6em; font-weight:600; color:#455673; margin-top: 20px; }

/*Regular Link Styles*/
a:link, a:visited {	color: #D88E25; text-decoration: none;}
a:hover, a:focus { border-bottom-width: 1px;	border-bottom-style: dotted;}

/*Call to action links.
.cta { text-align:center; }
.cta-intro { text-align:center; font-size: 1.6em; color: #86A0B9; font-weight: 300; margin-bottom: 4px; }
.cta a:link, .cta a:visited { color: #fff!important; font-size: 1em; font-weight:600; text-decoration: none; margin-top: 4px;}
.cta a:hover, .cta a:active { color: #B22222!important; }*/

.column-content h1:first-child,
.column-content h2:first-child,
.column-content h3:first-child,
.column-content h4:first-child {
	margin-top: 10px;
}
/*Use this class when you add a heading inside a row that contains multiple columns.*/
.inner-row-heading {
	position: relative;
	top: 20px;
	margin: 0px 0px 0px 24px;
}

/*Margin controll*/
.no-margin-top { margin-top: 0px; }
.no-margin-bottom { margin-bottom: 0px; }
.no-margin-top-bottom { margin-top: 0px; margin-bottom: 0px; }
.no-margin-all { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }

/*Simple text hover buttons */
p.btn { text-align:center; color: #fff !important; margin: 30px 30px 30px 30px;}
a.btn:link, a.btn:visited { white-space: nowrap; text-align:center; background-color: #D88E25; border-radius: 4px; padding: 6px 10px; color: #fff !important; font-size: .9em; font-weight: 400; text-decoration: none; width: auto; border:1px solid #404040;}
a.btn:hover, a.btn:active { background-color: #fff; color: #D88E25 !important; }

/*Dark hover buttons */
p.drkbtn { text-align:center; color: #fff !important; margin: 30px 30px 30px 30px;}
a.drkbtn:link, a.drkbtn:visited { white-space: nowrap; text-align:center; background-color: #404040; border-radius: 4px; padding: 6px 10px; color: #fff !important; font-size: .9em; font-weight: 400; text-decoration: none; width: auto; border:1px solid #404040;}
a.drkbtn:hover, a.drkbtn:active { background-color: #fff; color: #404040 !important; }


/*Footer and Copyright*/
.footer {
	color: #fff !important;
	font-size: 0.8em;
	border-top: 1px solid;
	border-color: #726561;
	padding-bottom: 20px;
	background: linear-gradient(180deg, #D88E25 20%, #D88E27);
	background-color: #D88E27;
	text-align: center;
}

.footer h2 {font-size: 1.4em !important; font-weight: 600; color: #fff;}

.footer ul {
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}
.footer li {
	list-style-type: none;
	line-height: 1.75;
}
.footer a {
	color: #fff !important;
}
.footer a:hover, .footer a:focus {
	color: #fff;
	font-weight: 600;
}
.copyright {
	font-size: 0.85em;
	text-align:center;
	padding: 5px 10px 15px 20px;
}

.col-container {
  display: flex;
  width: 100%;
}
.col {
  flex: 1;
}

.small {font-size: .8em;}


/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 1000px) {
body {
	margin: 0px;
}
#layout {
	max-width: none;
	padding: 0px;
}
.hide { display:none; }
.right-border { border: none;}

#logo {
	background-image: none;
}
#logo .first {background-color: #fff;}

.column, .column-1, .column-2, .column-3,
.column-half, .column-third, .column-fourth,
.column-fifth {
	float: none !important;
	width: auto !important;
}
.column-content {
	height: auto !important;
	max-height: 888678px;
	border: none !important;
}

.col-container {
  display: inline; 
}

.align-right {text-align:center;}
.align-left {text-align:center;}

}
/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 700px) and (max-width: 1380px) {
#layout {max-width: none;}
}