/*
Theme Name: LaFrieda
Theme URI: http://underscores.me/
Author: Rebecca Dongallo
Author URI: http://panasall.com/
Description: LaFrieda is a WordPress theme built for Pat La Frieda website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lafrieda
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 lafrieda is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/

/* CUSTOM CSS FOR SPACING */

footer .container {padding: 0 10px;}
#footer .footer-box:before {left: 11px; right: 11px;}
.bottom0 iframe {width:100%;}
#header .list-holder {position:relative;}
.menu-toggle {display:none;}

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

#header {padding: 14px 0 0px 0;}
#header .logo {float: left !important; margin: 0; z-index:9999;}
#header .list-holder {position: relative; width: 130px; float: right;}
.phone-list {float: right !important; margin: 0 -8px 0 0;}
.phone-list li {margin-right: 8px;}
.promo-info {padding:0;}
.media {text-align:center; clear: both; margin-top:15px;}
.promo-text {float: none !important; margin-bottom: 10px; padding-right: 0; width: 100%;}
.media {float: none !important; padding-top: 0; width: 100%;}
.promo-info:before {background: none;}
#footer .footer-box:before {left: 20px; right: 20px;}
.about-info .container {padding-right: 21px; padding-left: 21px;}
.container {padding: 0 21px;}
footer .container {padding: 0 16px;}
.about .intro {padding-top: 50px;}
.media-holder {max-height: 257px;}
.media-holder.facility .container h3 {margin: 0 0 0 0px;}
.contact-page .container, .singlepage .container {padding: 0 21px;}
.contentarea {width:auto;}
.contentarea h1 {margin-top:20px;}
.singlepage .video-list {float:none; width:100%; text-align:center; margin-left:0;}
#main .container {padding: 0 21px;}
.header-box {margin-right: 0px; margin-left: 0px; }
.header-box.align-right {float: none !important}
#nav {max-width: 100%; display:none;}
#nav.active {display:block;}
#nav ul li {display:block; width:100%; text-align:center;}
#nav .list > li, #nav .list > li:first-child {margin-left: 0 !important; margin-right: 0 !important;}
#nav .list li, #nav .list li:first-child {margin-left: 0 !important; margin-right: 0 !important;}
#nav .list .sub-menu {position:relative; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin-left: 0px; width: 100%; text-align:center; padding:0; margin-top:0;}
#nav .list .sub-menu li a {padding: 8px 0px; border-bottom: none; display:block}
#nav .list .sub-menu li:hover, #nav ul li:hover {background: #000;}
#nav li { -webkit-transition: background-color 0.2s ease-in;   -moz-transition: background-color 0.2s ease-in;   -o-transition: background-color 0.2s ease-in;  transition: background-color 0.2s ease-in;}
#nav .list .sub-menu li:hover > a {color:#d89a21 !important;border-bottom-color:none;}
#nav .list .sub-menu li a {color:#000; border-bottom-color:none;}
#nav a {display:block; padding: 8px 0px;}
#nav .list .sub-menu:before {display:none;}
#nav .list .menu-item-has-children:hover a {color:#d89a21;}
#nav .list .sub-menu li {padding: 0;}
#nav .list .menu-item-has-children:hover .sub-menu li a {color:#000;}
.menu-toggle {color: #58595b; display: block; font-size: 2em; float: right; clear: right; margin-top: 0; background-image: url('http://pixelelves.com/lafrieda/wp/wp-content/uploads/2014/12/icon-toggle-menu.png'); background-repeat: no-repeat; background-position: right; z-index: 99999; width: 32px; height: 44px; }

}

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

.about .action li  {right: 10%;}
.about .right .action li {left:10%;}
.about .right .action .photo-2 {left:10%;}

}

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

#header .logo {background-position: -312px -260px; width: 135px;}

}

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

.ill-list ul {margin: 0 -20px;}
.bggray .sections-header.white .sections-nav .next a:after {background-position: -230px -222px;}
.sections-header.white .sections-nav .prev a:after {background-position: -216px -222px;}
.sections-header.white .sections-nav .next a:after {background-position: -230px -222px;}

}