/*  FOOTER CSS  */


/*--------------------------------------------------------------
# PreFooter
--------------------------------------------------------------*/

#prefooter { padding-top: 70px; background: url('/wp-content/themes/seton-shrine/images/background-texture.png') top center repeat,  #f9e3bd; margin-top: -75px; display: block;}

/* #image-row { width: 100%;  background: url('/wp-content/themes/seton-shrine/images/prefooter-images.jpg') bottom center repeat-x; height: 223px; background-size:auto; display: block; margin-bottom: 13px;} 
 

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/


#footer-wrapper { background-color: #7c4a30; display: block; padding: 0;}

#footer-texture { display: block; height: auto; background: url('/wp-content/themes/seton-shrine/images/norwegian_rose.png') top left repeat; padding:40px 0px 5px; }

 
@media screen and (min-width: 768px) {
#footer-texture { padding: 60px 0 0 0;  }
}
 
@media screen and (min-width: 1100px) {
#footer-texture { max-height: 265px; padding: 60px 0 10px 0; }
}

/*--------------------------------------------------------------
# Footer Text Styles
--------------------------------------------------------------*/

#footer-sidebar h3.widget-title {font-size: 19px; text-transform: none; text-align: center; font-weight: 400; letter-spacing: normal; line-height: 14px; margin: 0 0 10px 0; color: #f2e2c7; font-family: lustria, serif; }

@media screen and (min-width: 640px) {
#footer-sidebar h3.widget-title { font-size: 21px; line-height: 24px; }
}

#footer-sidebar p { font-size: 16px; line-height: 24px; font-weight: 100; text-align: center; color: #fff; font-family: 'Source Sans Pro', sans-serif; }

@media screen and (min-width: 640px) {
#footer-sidebar p { font-size: 18px;}

}

#footer-sidebar span { font-size: 16px; }


/*--------------------------------------------------------------
# Footer Widgets
--------------------------------------------------------------*/

#footer-sidebar1, 
#footer-sidebar2, 
#footer-sidebar3 { display: block; float: none; width: 98%; margin: 0; margin-bottom: 30px; margin-top:0px; }

@media screen and (min-width: 768px) {
#footer-sidebar1, 
#footer-sidebar2, 
#footer-sidebar3 { float: left; width: 33%; margin-bottom: 10px; margin-top: -15px; padding: 0 15px !important; }

#footer-sidebar2 { width: 33%; border-right:1px solid #937e5e; border-left:1px solid #937e5e; }
}


/*--------------------------------------------------------------
# Mailing List Signup 
--------------------------------------------------------------*/
 
#mail-social-row { display: block; margin: 0; height: auto; min-height: 145px; background-color: #7c4a30; }

#mailing-list { display: block; float: none; max-width: 400px; padding-top:35px; margin: 0 auto; }

#mailing-list fieldset.form-actions { padding: 21px 0 0 5px!important; margin:0; }

@media screen and (min-width: 830px) {
#mailing-list { display: block; float: left; padding-top: 30px; margin: 0 auto; }
}

.input-field { width: 74%; float: left; margin-right: 2%; }
.input-button { width: 18%;float: left;}

@media screen and (min-width: 480px) {
.input-field { width: 75%; }
}

@media screen and (min-width: 640px) {
.input-field { width: 80%; }
.input-button { width: 18%; }
}


/*--------------------------------------------------------------
# Social Media Icons 
--------------------------------------------------------------*/

#social-icons { display: block; width: 100%; float: none; padding: 15px 0; text-align: center;  margin: 0 auto;}

@media screen and (min-width: 830px) {
#social-icons {  width: 390px; width:425px; float: right; text-align: right; padding-top: 44px; margin: 0;}
}

#social-icons i { color: #75482f; }

#social-icons a { color: #ccc; }


#social-icons .fa-stack { width: 1.5em; }  																			/* controls space between icons */
#social-icons .fa-stack-1x { width: 1.5em; color: #fff; font-size: 26px; padding: 0 0 0 15px; margin-top: -10px; } 	/* controls icons */
#social-icons .fa-stack-2x { color: #75452b; font-size: 58px; }														/* controls circles */
#social-icons a:hover .fa-stack-2x { color: #a49659; }

#social-icons .fa-stack-1x.fa-tripadvisor { padding: 0 0 0 10px; margin-top: -10px; }
 

@media screen and (min-width: 640px) {
#social-icons .fa-stack { width: 2em; }  
#social-icons .fa-stack-1x { font-size: 36px; padding: 2px 0px 0px 20px; margin-top: 0; }
#social-icons .fa-stack-2x { font-size: 80px; }
#social-icons .fa-stack-1x.fa-tripadvisor { padding: 2px 0px 0px 15px!important; margin-top: 0; }
}

@media screen and (min-width: 420px) {
.mobile-block { display: inline; margin: none; }
}

.adjust-left { margin-left:-5px }

 
#mailing-list label { font-family: 'Lustria', serif; font-size:18px; line-height: 19px; color: #f2e2c7; padding-bottom: 0; text-align: center; padding-left: 26%;}

@media screen and (min-width: 830px) {
#mailing-list label { text-align: left; padding-left: 0;}
}

#mailing-list input[type="submit"] { padding: 15px 25px; margin-top: 17px; }

/*--------------------------------------------------------------
# Postfooter
--------------------------------------------------------------*/

#post-footer { background-color: #7c4a30; min-height: 70px; display: block; }

.site-info { color: #fcefd9; padding-top: 8px; }


#postfooter-left { float: none; display: block; padding: 0; margin: 0 auto; width: 100%;}

#postfooter-right { display: none; }

@media screen and (min-width: 640px) {
#postfooter-right { display: block;}
}

p.copyright { text-align: center; font-size: 14px; line-height: 1.1; color: #f8e3c4; font-family: lustria, serif; margin-top: 7px; }


@media screen and (min-width: 1084px) {
#postfooter-left { float: left; width: 48%; padding-right: 1%; display: inline;}
p.copyright { text-align: left; }
}


/*--------------------------------------------------------------
# Postfooter Menu Mobile
--------------------------------------------------------------*/

ul#menu-footer-menu { margin-bottom: 30px; width: 100%; }

ul#menu-footer-menu li { border-bottom: 1px solid #6f422a; text-align: center; padding: 0; text-indent:0; }

ul#menu-footer-menu li:before { content: none; }

ul#menu-footer-menu li a { display: inline-block; text-align: center; font-size: 14px; color: #f8e3c4; padding:6px 0; width:100%; }

.menu-footer-menu-container { width: 100%; padding-top:15px; }

@media screen and (min-width: 640px) {
	.menu-footer-menu-container { padding-top:0; }
	
	ul#menu-footer-menu li a { display: inline; text-align: right;  }
}



/*--------------------------------------------------------------
# Postfooter Menu Desktop
--------------------------------------------------------------*/


ul#menu-footer-menu-1  { text-align: center; }

@media screen and (min-width: 1084px) {
#postfooter-right { float: right; width: 48%; padding-right: 1%; display: inline; }
ul#menu-footer-menu-1  { text-align: right; }
}

ul#menu-footer-menu-1 li { display: inline; text-align: right; padding-left: 15px;}

ul#menu-footer-menu-1 li a { display: inline; font-size: 14px; color: #f8e3c4;} 

ul#menu-footer-menu-1 li:before { content: none; }
 

/*--------------------------------------------------------------
# Mobile Tweaks
--------------------------------------------------------------*/


.show-mobile {display: block;}
.show-desktop {display: none;}


@media screen and (min-width: 640px) {
.show-mobile {display: none;}
.show-desktop {display: inline;}
}