/*
Theme Name: IPRW 2014
Author: Sean K. Stewart
Author URI: http://www.seankstewart.com
Description: Mobile first theme for Inman Park Restaurant Week
Version: 1.0
Text Domain: iprw
Template: twentyseventeen
*/

@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url(fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'); } @font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 700; src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(fonts/droidsans/v4/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff) format('woff'); } @font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 400; src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'), url(fonts/archivonarrow/v3/DsLzC9scoPnrGiwYYMQXpp4t0mJKPaLVqklzZuc32b4.woff) format('woff'); } @font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 700; src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'), url(fonts/archivonarrow/v3/M__Wu4PAmHf4YZvQM8tWsHhM4mdXpoxYNWk7Ev34U70.woff) format('woff'); }    html, body {width:100%;} a {color:#f8b33b;color:#5a4941;-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-ms-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition: all .2s linear 0s;} a:hover {color:#594006;} h1, h2, h3, h4 {font-family:'Droid Sans', arial, sans-serif;font-family: 'Archivo Narrow', sans-serif;font-weight:bold;color:#333333;} .home h1, .home h2, .home h3, .home h4, .main-navigation h1, .main-navigation h2, .main-navigation h3, .main-navigation h4 {color:#f5f1e9;} .home .rightcol h1, .home .rightcol h2, .home .rightcol h3, .home .rightcol h4, .tweets h1, .tweets h2, .tweets h3, .tweets h4 {color:#333333;} img {max-width:100%;} #cm_map img {max-width:none;} #cm_mapTR {display:none;position:absolute;top:0;right:0;height:100%;width:200px;background:rgba(90,73,65,1);z-index:99;padding:170px 15px 15px;} #cm_mapTR a {font-weight:bold;background:;padding:0.5em 0.25em 0;color:#cccccc !important;  } /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */  input, textarea { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #2b2b2b; padding: 8px 10px 7px; } textarea { width: 100%; } input:focus, textarea:focus { border: 1px solid rgba(0, 0, 0, 0.3); outline: 0; }   .search-field { width: 100%; } .search-submit { display: none; }  ::-webkit-input-placeholder { color: #939393; } :-moz-placeholder { color: #939393; } ::-moz-placeholder { color: #939393; opacity: 1;  } :-ms-input-placeholder { color: #939393; }  .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; }  embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; }  .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; }  .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000;  } .hide { display: none; }  .footer-sidebar:before, .footer-sidebar:after, .hentry:before, .hentry:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, .contributor-info:after, .search-box:before, .search-box:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ""; display: table; } .footer-sidebar:after, .hentry:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, [class*="content"]:after, [class*="site"]:after { clear: both; }  .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; }  .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after { content: "\0020\007c\0020"; } body {background:url(images/body.gif) repeat 0 0;font-family:'Droid Sans', arial, sans-serif;} .container, .container-fluid {max-width:970px;} header.container-fluid {padding:0;max-width:970px;overflow:hidden;} .masthead .container, .masthead .container-fluid {text-align:center;padding:0;max-width:970px;height:0;padding-bottom:61.5%; -webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;background-position:center bottom;background-color:grey; text-align:left;overflow:hidden; } .nav {position:fixed;position:absolute !important;width:100%;top:0;height:auto;z-index:1000;max-width:970px;} .nav-icon { /*-moz-transform: skewY(-2.5deg); -ms-transform: skewY(-2.5deg); -o-transform: skewY(-2.5deg); -webkit-transform: skewY(-2.5deg); transform: skewY(-2.5deg);*/ } .nav-icon, .nav-icon:visited, .close-nav-icon {position:absolute;top:1em;right:1em;color:#000;text-decoration:none;font-size:0.7em;border:1px solid #000;padding:0.15em 0.25em 0;background:#aed048;} .nav-icon:hover, .close-nav-icon:hover {color:#f8b33b;text-decoration:none;border-color:#aed048;} .nav-icon {z-index:50;max-width:100%;} .nav-icon img {width:50%;height:50%;} .nav-icon span {z-index:51;} .close-nav-icon {display:none;z-index:51;max-width:100%;color:#ffffff;text-decoration:none;right:2em;border:none;background:none;color:#ffffff;} .close-nav-icon:hover {color:#ffffff;} .nav-icon:hover {color:rgba(255,255,255,0.5);} .logo {position:relative;z-index:8;top:-20px;padding-top:2em;padding-bottom:1em;display:block;background:rgba(239,241,201,0.65) repeat 0 0;margin:0 auto; -moz-transform: skewY(-2.5deg); -ms-transform: skewY(-2.5deg); -o-transform: skewY(-2.5deg); -webkit-transform: skewY(-2.5deg); transform: skewY(-2.5deg);  } .logo img, .logo a { position:relative;-moz-transform: skewY(2.5deg); -ms-transform: skewY(2.5deg); -o-transform: skewY(2.5deg); -webkit-transform: skewY(2.5deg); transform: skewY(2.5deg); } .logo-img { position:relative; display:inline; margin:0 0 0 1em; width:75%; } .main-navigation {display:none;position:fixed;z-index:999;width:100%;height:100%;background:#f8b33b;background:#5a4941;padding-top:25%;padding-bottom:30%; left:0;top:0;overflow:auto;font-size:2em; } .main-navigation ul {margin:0;padding:0 0 1em;list-style:none;text-align:center;} .main-navigation li {margin:1.5em 0;padding:0;} .main-navigation li a {color:#333333;color:#f5f1e9;} .main-navigation li a:hover {color:#f8b33b;text-decoration:none;} .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a {color:#f8b33b;} .main-navigation .restaurants-menu, .main-navigation .restaurants-menu .sub-menu { text-align:left; } .main-navigation .restaurants-menu { font-size:50%; } .mainnav-right-col ul.main-navigation li a:hover {color:#ffffff;text-decoration:none;} .mainnav-right-col ul.main-navigation li ul li a:hover {color:#f8b33b;text-decoration:none;} .mainnav-right-col ul li ul li a {display:block;} .mainnav-right-col ul li {font-weight:bold;} .mainnav-right-col ul li ul li {border-bottom:1px solid rgba(255,255,255,0.50);font-weight:normal;} .mainnav-right-col ul li ul li:hover {display:block;background:#f8b33b;color:#fff;} .mainnav-right-col ul li ul li:hover a {color:#fff;} ul.homepage_links {margin:0;padding:0;list-style:none;} ul.homepage_links li {margin:0;padding:0;display:inline;} ul.homepage_links li a {color:#333;} ul.homepage_links li a:hover span {cursor:pointer;} .icon-bg {display:block;text-align:center;margin:0 auto 0;position:relative;top:50%;z-index:999999;} .icon-bg-img {left:0;position:relative;z-index:10;background-color:#f8b33b;border-radius:50%;padding:10%;width:50%;float:left;} .icon-bg-link {font-size:2em;margin-top:0.5em;font-weight:bold;font-family:Archivo Narrow, sans-serif;color:#333;width:42%;text-align:left;float:right;background:none;line-height:1;right:0;position:relative;z-index:3;display:block;} ul.homepage_links li a:hover span.icon-bg-img {background-color:#f5f6dc;} #hp_feature {position:relative;padding:0.5em 0;top:-1em; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; box-shadow: 3px 3px 3px rgba(0,0,0, 0.5); background:#f5f6dc; background:#f5f1e9; background:url(images/bg/bg10.png) repeat 0 0 #aed048; background-color:#ffffff; } #hp_feature a {color:#333333;text-decoration:none;} #hp_feature a strong {font-family: 'Archivo Narrow', sans-serif;font-size:1.5em;-webkit-font-smoothing: antialiased;padding:0 0.25em;} #hp_feature ul {position:relative;z-index:40;margin:0;padding:0;list-style:none;text-align:center;} #hp_feature ul li {margin:0 auto;text-align:center;} #hp_feature .hidden-xs {margin:10px 0;} #hp_feature .hidden-xs ul > li > a {text-align:center;display:inline;line-height:120px;max-height:120px;overflow:hidden;padding:0 1px;} #hp_feature ul li a img {vertical-align:middle;} #menu-secondary li {} #menu-secondary li:hover ul {display:block;} #menu-secondary:hover {padding-bottom:0.65em;} #menu-secondary > li > ul {display:none;padding:0.5em 0;} #menu-secondary > li > ul {margin:0;padding:0;} #menu-secondary > li > ul > li {padding-top:0.5em;border-bottom:1px solid rgba(0,0,0,0.25);border-top:1px solid rgba(255,255,255,0.45);} #menu-secondary > li > ul > li > a {display:block;text-align:center;} #menu-secondary > li > ul > li > a > img {max-width:auto;max-height:50%;height:auto;margin:0 auto;} #menu-secondary > li > ul > li:first-child {border-top:0;} #menu-secondary > li > ul > li:last-child {border:0;} #menu-secondary > li > ul > li:nth-child(even) {background:rgba(174,208,72,1);background:#aed048;} #menu-secondary > li > ul > li:nth-child(odd) {background:rgba(174,208,72,0.5);background:#d1e292;} .iframe-rwd { position: relative; padding-bottom: 94%; padding-top: 0; height: 0; overflow: hidden; } .iframe-rwd iframe { position: absolute; top: auto; left: 0; bottom: 0; right: auto; width: 100%; height: 100%; } .tabButtons {margin:0;padding:0;list-style:none;} .tabButtons li { margin:0;padding:0; } .button a, a.button, input.button, button.button {display:block;margin:0.5em auto;padding:0.5em 1em;text-align:center;text-decoration:none;} .button.active a, .button a:hover, a.button:hover, input.button:hover, button.button:hover {color:#333;background:#f5f6dc;} input.button, button.button {margin-right:0;margin-left:0;}  .button a, a.button, input.button, button.button { -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; color:#000000; margin-bottom:0.75em; background:#f8b33b;  white-space:nowrap; border:none;  } .button .glyphicon {position:relative;left:0;vertical-align:middle;font-size:1.5em;line-height:0;} .social-links {float:right;display:inline;} .icon {display:inline-block;width:32px;height:32px;position:relative;top:4px;background-image:url(images/icons-socialmedia.png);background-repeat:no-repeat;text-indent:100%;overflow:hidden;white-space:nowrap;background-size: cover;} .icon-facebook {background-position:-1px 0;} .icon-twitter {background-position:-35px 0;} .icon-foursquare {background-position:-69px 0;}  .icon-instagram {background-position:-103px 0;} .content > .container-fluid {background:url(images/bg/bg10.png) repeat 0 0 #aed048;background-color:#f5f1e9;max-width:970px;padding-top:20%;padding-bottom:3em;} .main {position:relative;z-index:15;background:url(images/bg/bg10.png) repeat 0 0 #f8b33b;background-color:#5a4941;padding:0 0 3em;} .main .rightcol {background:url(images/bg/bg10.png) repeat 0 0 #aed048;background-color:#f5f1e9;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px;padding-bottom:1.5em;} .home .rightcol {box-shadow: 3px 3px 3px rgba(0,0,0, 0.5);} .sponsors {background:#ffffff;padding:1.5em 0;text-align:center;position:relative;} .sponsors [class*="col-"] > [class*="col-"] {position:relative;} .sponsors .c {display:table;} .sponsors .c > span { display:table-cell; vertical-align:middle; text-align:center; } .tweets {padding:1.5em 0;text-align:center;position:relative;z-index:15;background:#f5f6dc;background:url(images/bg/bg10.png) repeat 0 0 #f8b33b;} .tweets [class*="col-"] > [class*="col-"] {position:relative;} .tweetList {margin:0;padding:0;list-style:none;} .tweetList li {margin:0;padding:0;} #OT_searchWrapperAll dl {font-size:1.2em;} #OT_searchWrapperAll .button {margin:1em auto;}   article.post {margin-bottom:6em;} .sticky {background:#ffffff;box-shadow: 3px 3px 3px rgba(0,0,0, 0.5);-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px;padding:5px 15px 15px;} .modal-content {background:url(images/bg/bg10.png) repeat 0 0 #f8b33b;} .modal-body {background:#ffffff;} .modal-footer {margin-top:0;} footer {background:url(images/bg/bg10.png) repeat 0 0 #aed048;background-color:#f8b33b;background-color:#5a4941;color:#000000;padding:1.5em 0 3em;text-align:center;} footer .container-fluid {padding-right:0;padding-left:0;} footer nav {position:relative;padding:0 15px;} footer nav ul {margin:0;padding:0;list-style:none;} footer nav ul li {margin:0;padding:0;display:inline;} footer nav ul li a {padding:0.25em 0.5em;} footer a, footer a:hover {color:#000000;}    @media (min-width: 768px) { #hp_feature a strong {padding:0 1em;} .nav-icon, .close-nav-icon {font-size:1.6em;} .logo {padding-bottom:1.25em;} .glyphicon-cutlery, .glyphicon-user {left:-0.25em;} #OT_searchWrapperAll dl {font-size:1.25em;} .iframe-rwd { padding-bottom: 65.25%; } .main-navigation {padding-top:20%;} .main-navigation {font-size:3em;} .main-navigation li {margin:0.5em 0;} .content > .container-fluid {padding-top:18%;} #cm_mapTR {display:block;} .format-standard {position:relative;margin-left:20%;} .entry-meta {position:absolute;top:0;left:-20%;width:15%;text-align:right;padding:1.2em 0;} #menu-secondary li {} #menu-secondary > li > ul {display:none;padding:0.5em 0;display:block !important;float:none;width:auto;margin-left:-15px;} #menu-secondary > li > ul {margin:0;padding:0;width:100%;display:table;width:100%;} #menu-secondary > li > ul > li {padding-top:0.5em;border:none;float:none;width:auto;display:inline;width:100%;padding:0;padding-left:20px;padding-right:20px;} #menu-secondary > li > ul > li > a {display:block;text-align:center;float:none;width:initial;padding:0; text-align:center;display:inline;line-height:120px;max-height:120px;overflow:hidden;padding:0 1px; } #menu-secondary > li > ul > li > a > img {max-width:initial;max-height:auto;width:initial;} #menu-secondary > li > ul > li:first-child {border-top:0;} #menu-secondary > li > ul > li:last-child {border:0;} #menu-secondary > li > ul > li:nth-child(even), #menu-secondary > li > ul > li:nth-child(odd) {background:none;} #menu-secondary:hover {padding-bottom:0;} .single .col-md-4 .carousel {margin-top:-100px;} .icon-bg-link {font-size:2.5em;margin-top:0.5em;} }  @media (min-width: 992px) { .content > .container-fluid {padding-top:160px;} .icon {top:-8px;} }  @media (min-width: 1200px) { ... } @media only screen and (min-width : 1000px) and (min-height: 600px) { .masthead .container, .masthead .container-fluid { padding-bottom:56.75%; } .masthead {max-height:600px;} } @media (max-width: 768px) and (min-height: 485px) {  .button.col-xs-6, .button.clearfix {margin-right:1%;margin-left:1%;} .button.col-xs-6 {width:48%;} }  @media only screen and (max-width : 500px) { #menu-secondary > li > ul > li > a > img {max-width:150% !important;max-height:auto;} } @media only screen and (max-width : 640px) { #hp_feature {margin-left:15px;margin-right:15px;} .main {padding-bottom:0;} .main .container-fluid {padding-left:0;padding-right:0;} .main .leftcol, .main .rightcol {width:100%;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;} .main .rightcol > div {width:100%;} #OT_searchWrapperAll dl {float:left;padding-right:15px;padding-left:15px;} }  @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {  .single #carousel {display:none !important;}  #hp_feature .button {font-size:0.8em;} .button.col-xs-6, .button.clearfix {margin-right:1%;margin-left:1%;} .button.col-xs-6 {width:48%;} }  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .masthead .container, .masthead .container-fluid {  } .main-navigation {font-size:3em;} } @media only screen and (min-width : 768px) and (max-device-width : 1024px) { } @media (max-width: 768px) {  .main-navigation li {margin:0.5em 0;}  .button.col-xs-6, .button.clearfix {margin-right:1%;margin-left:1%;} .button.col-xs-6 {width:48%;} #menu-secondary > li > ul > li > a > img {max-width:50%;max-height:auto;} } @media (max-width: 480px) {   .main-navigation {padding-top:25%;}  .col-xxs-push-1 {left: 8.33333333%;} .col-xxs-12 {width:100%;left:0;}  .restaurant_info {text-align:center;} .restaurant_info span {display:block;} .restaurant_info br {display:none;} .social-links {float:none;} } .restaurant_info {background:#f8b33b;padding:.5em 1.5em;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;background:#f5f6dc;background:#aed048;background:#ffffff;box-shadow: 3px 3px 3px rgba(0,0,0, 0.5);} .chefs-list {margin:0 auto;padding:1.5em 0;list-style:none;float:none;clear:both;} .chefs-list li {margin:0;padding:0;} .chefs-list li a {display:block;margin:1em auto 1.5em;width:120px;height:180px;} .chefs-list li img { width:120px; height:120px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }  html #wpadminbar {z-index:99999 !important;} body.admin-bar .nav { position:fixed; top: 28px; } @media (max-width: 782px) { body.admin-bar .nav { position:fixed; top: 46px; } } .home .carousel, .home .carousel-inner, .home .carousel-inner .item { min-height: 970px; } .single .col-md-4 .carousel .item img {width:auto;margin:0 auto;} .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .carousel, .carousel-inner, .carousel-inner .item { height: 100%; } .carousel-inner .item img {max-width:100%;max-height:auto;width:100%;height:auto;} .carousel-indicators { top: auto;bottom:0;display:none !important; }
@media (max-width: 680px) {
	.home .entry-content h1 {text-align:center;font-weight:normal;display:block;letter-spacing:-.015em;}
}	