/*  
 
Theme Name: Mid-MN Lumber
Description: Custom contact page for Mid-MN Lumber
Author: Susan Belanger
Author URI: https://creativelyewe.com
Version: 0.0.1

 */

section.main  {
   margin-left: 40px;
 }
 
section.main h2 {
    margin-bottom: 0.3em;
    font-size: 3em;
    line-height: 1.1em;
    font-family: 'PT Serif', Georgia, Palatino, 'Times New Roman', serif;
    margin-bottom: 3%;
    margin-top: 3%;
    text-align: left;
}


section.main.two  {
    margin: 0;
	padding: 0 0 40px 30px;
	background:#ffffff;
	border-top:none;
	max-width: 1100px;
    margin: 0 auto;
 }
 
section.main.two div.twoCol	{
	margin-top: 5%;
}

section.main.two aside	 {
	width:50%;
	float:left;
	text-align:left;
	margin-top: 1%;
	color:#777;
	
	
}

.featured-special img {
    width: 97%;
    max-width: 97%;
	float: left;
    margin-right: 5%;
    height: auto;
    padding: 0;
    box-shadow: 2px 3px 8px #27323e;
    margin-bottom: 2%;
}



section.main.two aside .photo	{
	width:350px;
	height:250px;
	background:url(../images/contact_small.jpg) top center no-repeat;
	box-shadow:2px 3px 5px #333;
}

section.main aside.two ul {
    list-style: none;
    margin: 0;
    -webkit-padding-start: 10px;
	padding: 0 0 0 5px;
}



section.main aside.two.left {
   
    width: 50%;
	
}

section.main aside.two.right	{
	height:auto;
}

section.main.two aside:first-child {
    border-left:none;
}

section.main aside h4, section.main aside p.title, section.main aside p.title2	{
	
	font-weight:bold;
    color: #28499f;
	font-size:1.2em;
	line-height: 1.1em;
	
	
}

section.main aside h4	 {
	font-size: 1.5em;
    line-height: 1.1em;
    font-family: 'PT Serif',  Georgia, Palatino, 'Times New Roman', serif;
    margin-bottom: 3%;
}


section.main aside.two p.title, section.main aside.two p.title2	{
	font-family: 'PT Serif', Georgia, Palatino, 'Times New Roman', serif;
	margin-left: 0;
	margin: 2% 0 2% 0;
    font-size: 1.6em;
	display:block;
	height: 1.8em;
    background: none;
    box-shadow: none;
	font-style: normal;
}



section.main aside p.title2	{
	margin-top:0.9em;
}

section.main aside.right {

    width: 42%;
    float: left;
    padding-left: 3%;
	border-left: 1px solid #838080;
}

section.main aside.two ul li, section.main.two div.email-list ul li p  {
    line-height: 1.5em;
    font-size: 1.3em;
    margin: 0;
    padding-bottom: 5px;
	color: rgba(40,73,159,.8);
	clear:both;
}

section.main.two div.email-list ul li p		{
	font-family: 'PT Serif', Georgia, Palatino, 'Times New Roman', serif;
	font-family: 'Open Sans', Verdana, 'Trebuchet MS', Arial, Corbel, sans-serif;
	font-style:normal;
	font-variant:small-caps;
	font-size:1.5em;
	text-align:center;
}

section.main.two div.email-list ul li.formLink p a	{
	font-weight: bold;
    color: #ea7123;
}

section.main aside.two div#nf-field-45-wrap.field-wrap.list-checkbox-wrap .nf-field-element	{
	padding-top:5%;
}


div#nf-field-45-wrap ul li  {
    font-family: 'McLaren', cursive;
    line-height: 2.5em;
    font-weight: normal;
    font-size: 2em;
    margin: 0;
    padding-bottom: 10px;
	color:#28499f;
	clear:both;
}



section.main aside.two li.email, section.main aside.two li.phone, section.main aside.two li.fax {
    line-height: 1.5em;
    font-size: 1.2em;
    margin-bottom: 1%;
}

section.main aside.two.right ul li.email, section.main aside.two.right ul li.phone	{
	font-size:1em;
}

section.main aside.two ul ul li	{
	margin-left:3%;
}

section.main aside.two ul ul li.last	{
	margin-bottom:5%;
}

section.main .content ul ul li.mapLink	{
	float:left;
	width:20%;
	margin: 8% 0 0 0;
	text-align: center;
	
}

section.main .content ul ul li.mapLink a	{
	color:#28499f;
	font-size: 1.15em;
}

section.main .content ul ul li.mapLink a i.fa.fa	{
	padding-right:5%;
	font-size: 1.5em; 
}

section.main aside.two li.email, section.main aside.two li.phone, section.main aside.two li.fax {
    line-height: 1.5em;
    font-size: 1.2em;
    margin-bottom: 1%;
}

section.main aside.two li.phone	{
	margin-bottom:3%;
}





section.main.two div.twoCol li.head {
    font-family: 'PT Serif', Georgia, Palatino, 'Times New Roman', serif;
    font-weight: 600;
    color: #28499f;
    padding-bottom: 15px;
    font-size: 1.5em;
    list-style: none;
    font-variant: small-caps;
    letter-spacing: 1px;
}

section.main.two .content.contact, section.main.two aside:first-child .content.contact	{
    margin-left: 15px;
    padding-left: 0px;
	margin-right: 0;
    padding-right: 0;
}


section.main.two  p	{
	font-family: 'PT Serif', Georgia, Palatino, 'Times New Roman', serif;
	color: #274694;
	font-size: .9em;
    font-style: italic;
	
}

div.email-list {
    max-width: 100%;
    float: none;
    margin-top: 5%;
    display: block;
}

div.email-list span.label	{
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:underline;
}

section.main.two div.email-list ul.no-float		{
	list-style:none;
}

section.main.two  p.courtesy	{
	font-variant:small-caps;
	font-family:'Open Sans', Verdana, Corbel, san-serif;
	
}

section.main.two aside.two.right .nf-form-content .ninja-forms-field, section.main.two aside.two.right .listcheckbox-container.label-above .nf-field-label label	{
	margin-bottom:5%;
}



section.main.two  p.sub, section.main.two  p.sub2	{
	display:block;
	font-family:'Open Sans', Verdana, Corbel, san-serif;
	color: #274694;
	padding-left:.3em;
	font-size: 1.1em;
}

section.main.two  p.sub2	{
	display:none;
}

section.main.two  p.sub a	{
	font-weight: 600;
    color: #9c3209;
	text-decoration:none;
	
}

section.main.two  p.sub a:hover	{
	color:#8a8fa2;
	text-decoration:underline;
	
}


section.main aside.two ul li p 	{
	
	color: #28499f;
	text-transform: uppercase;
	margin-bottom: 0;
	font-family:'Open Sans', Verdana, Corbel, san-serif;
	line-height: 1.8em;
	font-style:normal;
	
	
}

section.main aside.two.left ul ul li.formLink p {
    color: #28499f;
    /* text-transform: uppercase; */
    margin-bottom: 0;
    font-family: 'Open Sans', Verdana, Corbel, san-serif;
    line-height: 1.8em;
    font-style: normal;
	text-transform: none;
	
}

section.main aside.two.left ul ul li.formLink p a {
	
	text-decoration:underline;
	color: #cd510f;
    font-weight: bold;
	font-variant: small-caps;
    font-size: 1.2em;
    letter-spacing: 1px;
    padding-left: 3px;
	font-family: 'Mclaren', cursive;
    
	
}


section.main aside.two.left ul ul li.formLink p a:hover {
	
	color:#ea7123;
	text-decoration:none;
	
}

section.main aside.two ul li.email , section.main aside.two ul li.mobile, section.main aside.two ul li.mapLink	{
	font-size: 1.3em;
}

section.main aside.two ul li.email	 {
	margin-bottom: 2%;
	
}

li.phone p span.small, li.email p span.small, li.email p span.small	{
	font-variant:small-caps;
	font-family:'Open Sans', Verdana, Corbel, san-serif;
	
	
}

li.phone p span.number, li.fax p span.number	{
	font-family:Georgia, 'Times New Roman', serif;
	font-size:1.5em;
	font-weight: bold;
    letter-spacing: 0;
}

.map-responsive {
    border: 2px solid rgba(40,73,159,.6);
    border-radius: 5px;
    display: block;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

div.contact_small, div.contentWide, div.content.short	{
	display:none;
}

div.twoCol::after, section.main.two aside.two.right::after, section.main.two .content.contact::after	{
	content:'';
	display:block;
	clear:both;
}



/* Media Queries */

@media screen and (max-width: 825px)	{
	
section.main.two aside .photo	{
	background: url(../images/contact-photo.jpg) top center no-repeat;
	width:300px;
	height:214px;
	
}
	
}



@media screen and (max-width: 790px)	{


#page	{
	/*padding:0 3%;*/
}


div.contentWide	{
	display:block;
}

div.contact_small, div.content.left	{
	display:none;
}


.featured-special img {
    width: 97%;
    max-width: 97%;
	float: none;
	clear:both;
    margin:0;
    height: auto;
    padding: 0;
    box-shadow: 2px 3px 8px #27323e;
    margin-bottom: 2%;
}



section.main.two aside .photo	{
	width:350px;
	height:250px;
	background:url(../images/contact_small.jpg) top center no-repeat;
	box-shadow:2px 3px 5px #333;
}

section.main.two  p.sub	{
	display:none;
}

section.main.two  p.sub2	{
	display:block;
}

section.main.two	{
	margin: 0 1.3% 1.3% 1.3%;
}

section.main.two aside {
   width:90%;
   margin-left:1.8%;
    min-height: 200px;
    /*max-height: 350px;*/
	
}

section.main aside.two ul li {
    margin: 0;
}

div.email-list {
    
    display: none;
}

section.main.two aside.two.left ul li.email-wide	{
	font-variant:small-caps;
}


	
section.main.two aside {
   
    float: none;
    text-align: left;
    border: none;
}

section.main.two aside	 {
	width:90%;
	float:none;
	text-align:left;
	margin-top: 1%;
	border-left:none;
	
}

section.main.two aside.two.left	{
	float:none;
	clear:both;
	margin: 0 0 8% 0;
	width:95%;
	border-right:none;
	
}

section.main aside.two.left ul li.email, section.main aside.two.right ul li.email	{
	font-size:1em;
}

section.main aside.two ul li.phone	{
	line-height:2.2em;
}


section.main aside.two.right ul li.email	{
	margin-bottom:3%;
}

section.main.two .content.contact, section.main.two aside:first-child .content.contact	{
	margin-left:0;
}

section.main aside p.title	{
	font-size:1.7em;
}

li.phone p span.number	{
	font-size:1.5em;
	margin-bottom:3%;
	color:#28499f;
}

.backLink	{
	padding-bottom: 5%;
}


}

@media screen and (max-width: 675px)	{

section.main aside.two.left ul ul li.formLink p		{
	font-size:1em;
}

}
	

@media screen and (max-width: 550px)	{
div.contentWide, div.contact_small, div.content.left	{
	display:none;
}

div.content.short	{ 
	display:block;
}

}



@media screen and (max-width: 400px)	{
	
section.main.two .content.short  {
    display: block;
    text-align: center;
} 


div.contentWide, aside.two.left div.content.left, aside.two.right div.content.right .map-responsive 	{
	display:none;
}

aside.two.left div.content.short, aside.two.right div.content.right div.contact_small 	{
	display:block;
}




/*section.main aside.two ul li {
    float:left;
	clear:none;
	width:45%;
}*/

section.main.two aside.two.left .content.short ul li	{
	float:none;
	clear:both;
}

section.main.two aside.two.right .content.right .contact_small aside.contact_icon	{
	float: left;
    width: 28%;
	margin: 3%;
    font-size: 1em;
	clear:none;
	min-height: 110px;
	text-align:center;
}

section.main.two aside.two.right	{
	min-height:50px;
}

section.main aside.two.right ul li.email, section.main aside.two.right ul li.mobile, section.main aside.two.right ul li.mapLink	{
	font-size:1.2em;
	color: #28499f;
}

section.main.two aside.two.right .content.right .contact_small aside:last-child	{
	margin-right:0;
}

/*section.main aside.two.right .content.right .contact_small aside ul li.mobile, section.main aside.two.right .content.right .contact_small ul li.mapLink {
    float: left;
    width: 45%;
    font-size: 1.3em;
	clear:none;
} */

.fa-phone:before {
    content: "\f095";
}



div.content.short::after, div.content.short, .contact_small::after, aside.two.right::after	{
	content:'';
	display:block;
	clear:both;
}



}


@media screen and (max-width: 380px)	{
	
	#page {
	margin:0;
    padding: 0;
	
	
}

section.main.two  {
    margin: 0;
	padding: 0 10px 40px 10px;
	
 }



section.main.two aside.two.left	{
	
	padding:0;
}
	
	section.main.two aside .photo {
    width: 350px;
    height: 250px;
    background: url(../images/contact_small.jpg) top center no-repeat;
    box-shadow: 2px 3px 5px #333;
}


	
	section.main aside h4	{
		font-size: 1.8em;
		margin-left: 0;
		text-align: center;
		margin-left:0;
	}
	
	
	
}