/* 
  ------------------------------------------------
  Chantale Truchon Notaire
  PVII Affinity-1 Theme
  Custom CSS
	Last revision 2020-05-07
  ------------------------------------------------
*/

body {
	font-family: 'Amiko', Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}

/*Theme colors*/
.red {color:#ab1d24;}
.ebony {color:#433f30;}
.cream {color:#f0ede0;}
.grey {color:#918e80;}
.blanc {color: #fff !important; }
.noir {color: #000;}

/*Background colors*/
.redback { background-color:#ab1d24; color: #fff; }
.ebonyback { background-color:#433f30; color: #fff; }
.creamback { background-color:#f0ede0; color: #333; }
.greyback { background-color:#918e80;  color: #fff; }
.blancback { background-color: #fff; color: #333;}

/*Clear floats to help view better in DW wysiwyg mode ==> Added NC */
.clearall {clear:both;}

/* Content width container */
.contain {
	max-width: 1040px;
	margin: auto;
}

/* Masthead info */
.print { display:none; }
.noprint { display: inline;}

.masthead {
	padding: 0px 10px;
	position: relative;
	border-top: 10px solid #433f30;
	border-bottom: 4px solid #918e80;
}
.masthead .column-half .column-content {
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: left;
} 
.masthead .column-half .column-content.address {
	margin-top: 16px;
	text-align: right;
}
.phone { 
	font-size: 2em; font-family: 'Roboto Slab', serif; font-weight: 900;}

.masthead a:link, .masthead a:visited {
	color: #fff;
	text-decoration: none;
	border:none;
}
.masthead a:hover, .masthead a:focus {
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
/* END Masthead info */

/* Image banner */
.banner {border-top: 2px solid #918e80; border-bottom: 6px solid #918e80; }

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

.columns-wrapper {
	padding: 0px;
}

.columns-wrapper .column-half {
	width: 50%;
	float: left;
}
.columns-wrapper .column-half .column-content {
	padding: 20px 0px;
}

.content {
	padding: 30px 20px;
	line-height: 1.35em;
}
.column-content {
	padding: 30px 20px;
	text-align:center;
}

/*Heading styles*/
h1, h2, h3, h4 {
	margin: 20px 0px;
	font-family: 'Roboto Slab', serif;
	font-weight: normal;
}
h1 { font-size: 1.4em; font-weight: 700; color: #ab1d24; line-height: 1.4em;}
h2 { font-size: 1.4em; font-weight: 700; color: #ab1d24; line-height: 1.4em; }
h3 { font-size: 1.8em; font-weight: 700; color: #fff; line-height: normal;}
h4 { font-size: 1.1em; }

.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; }

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

#p7ISM_1 a:hover, a:focus {
	border-bottom: none;
	border-bottom-style: none;
}

ul { margin-left: 20px; padding-left: 0px; }
li { list-style-image: url(../images/bullet.png); padding-bottom: 10px; } 

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

/*General images alignment adjustment */
img {
	vertical-align: bottom;
}

/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

/* Footer */

.footer {
	background-color: #433f30;
	color: #fff;
}
a.footer  {
	color: #ffffff;
	text-decoration:none;
}
a.footer:hover, a.footer:focus { color: #FFF; }


/*Copyright*/
.copyright {
	text-align:right;
	font-size: .8em;
}
.copyright a {
	color: #ab1d24;
	text-decoration:none;
}
.copyright a:hover, .copyright a:focus { color: #ab1d24; }

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {
	padding-bottom: 0px;
}

/* Masthead info */
.masthead {
	padding: 0px 10px;
}

.masthead .column-half .column-content {
	padding-top: 10px;
	text-align: center !important;
} 
.masthead .column-half .column-content.address {
	text-align: center;
	margin-top: 0px; padding-top: 0px; font-size: .9em;
}

/*Heading styles*/
h1, h2, h3, h4 {
	margin: 10px 0px;
}

h1 { font-size: 1.2em; line-height: 1em; }
h2 { font-size: 1.2em; line-height: 1.2em;}
h3 { font-size: .85em; line-height: 1.2em;}
h4 { font-size: 1em;}

.footer {
	position: static;
	width: auto;
}

.columns-wrapper .column-half {
	width: 100%;
	float: none;
}

.columns-wrapper.halves .column-content {
	padding: 15px 20px;
	text-align:left;
}

.content-wrapper, .columns-wrapper {margin: 0px; border: none;}
.content {
	padding: 20px;
	border: none;
}

}
/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 700px) and (max-width: 1280px) {
.main-content .content {padding: 10px 20px;}
.content-wrapper {margin-left: 10px; margin-right: 10px;}

}