/*
 Theme Name:   Juttutupa
 Description:  Twenty Fourteen Child Theme
 Author:       Fonecta Oy
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  juttutupa
*/


/* Featured image in posts and articles */
.attachment-post-thumbnail {
	position: relative;
}

::selection {
  background: #ea8a24 !important; /* WebKit/Blink Browsers */
}

@font-face {
  font-family: 'Rockwell-ExtraBold';
  src: url('fonts/Rockwell_extra_bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Rockwell_extra_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Rockwell_extra_bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Rockwell_extra_bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Rockwell_extra_bold.svg#Rockwell_extra_bold') format('svg'); /* Legacy iOS */
}


html,body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

body {
    background: #ded4c8;
    font-size: 14px;
    line-height: 1.4;
    color: #383838;
   	font-family: Tahoma, Geneva, sans-serif;
}
.site,
.site-content .entry-content,
.site-content .entry-summary,
.page-content,
.site-content .entry-header,
.site-content .entry-meta {
	background: #ded4c8;
}
body.home,
body.home .site,
body.home .site-content .entry-content,
body.home .site-content .entry-summary,
body.home .page-content {
    background: #fff;
}
input {
	font-family: Tahoma, Geneva, sans-serif !important;
}

a, 
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.content-sidebar .widget a {
	color: #ea8a24;
	text-decoration: none;
}
a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.content-sidebar .widget a:hover,
.entry-content .edit-link a:hover,
.entry-meta a:hover {
	color: #c26400;
}
.widget a:hover {
    color: #fff;
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	margin: 46px 0 30px;
	color: #383838;
	font-family: 'Bevan', cursive;
	line-height: 1.0;
		-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
}
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child {
	margin-top: 46px;
}

.footer-sidebar .widget,
.primary-sidebar .widget {
	font-size: 80%;
	line-height: 120%;
}
.primary-sidebar .widget {
	background-color: #000;
}
.content-sidebar {
	color: #2b2b2b;
}
.content-sidebar .widget .widget-title {
	color: #ea8a24;
	border-color: #ea8a24;
	border-top-width: 1px;
	font-weight: bold;
   	font-family: Tahoma, Geneva, sans-serif;
	line-height: 1.3;
}
.widget h3 {
	font-weight: bold;
   	font-family: Tahoma, Geneva, sans-serif;
	font-size: 150%;
}

::selection {
	background: #777;
}
::-moz-selection {
	background: #777;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #ea8a24;
    border-radius: 0;
    font-size: 28px;
    font-weight: normal;
    color: white;
    font-family: 'Bevan', cursive;
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #dc8120;
}

input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #ea8a24;
}


.entry-content ul li,
.entry-content ol li {
	margin: 15px 0px;
	padding-left: 20px;
}

/* Ninja forms */
.ninja-forms-required-items {
	margin-bottom: 0;
	font-size: 70%;
	font-style: italic;
}
.list-checkbox-wrap.label-right ul li {
	float: none !important;
}

/* Pyydä tarjous -form on Yrityksille ja ryhmille -page */
#ninja_forms_form_11_cont h2.ninja-forms-form-title,
#ninja_forms_form_27_cont h2.ninja-forms-form-title {
	margin-top: 0 !important;
}
#ninja_forms_form_11_cont input[type="submit"],
#ninja_forms_form_27_cont input[type="submit"] {
	font-size: 20px;
	font-family: 'Bevan', cursive !important;
}


/* Form button */
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #c01634;
}
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #9b1029;
}


/* Sidebar */
#secondary {
	color: #fff;
	border-bottom: 1px solid #000;
}
img.language-option {
	max-width: 40px;
}

.site,
.site-header {
	max-width: 100%;
}
.hentry,
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta, .page-content {
    max-width: 100%;
}
.post-navigation, .image-navigation {
    max-width: 100%;
}
.comments-area {
    max-width: 100%;
}
.archive-header, .page-header {
    max-width: 100%;
}
/* Featured image */
.post-thumbnail {
	background-color: #ded4c8;
	background-image: none;
	text-align: center;
	display: none;
}

/* No padding on top of the slider */
body.home .content-area {
	padding-top: 0;
}

.site-description {
	display: none;
	color: #fff;
   	font-family: Tahoma, Geneva, sans-serif;
}

/* Title in header, visible in mobile */
.header-site-title {
	float: left;
	width: 100%;
	max-width: 220px;
	margin: 10px 0;
}
/* Top header, hidden */
.search-toggle {
	display: none;
    background-color: #444;
    height: 58px;
    width: 58px;
}
.search-toggle:hover,
.search-toggle.active {
	background-color: #333;
}
.search-toggle:before {
	margin-top: 20px;
}
.search-box {
    background-color: #333;
}
.menu-toggle {
    height: 58px;
    width: 58px;
}
.menu-toggle::before {
	font-size: 24px;
}

.primary-navigation {
	display: none;
}
.primary-navigation a {
    	padding: 7px 10px;
}
.primary-navigation a:hover {
    color: #777;
}

/* Title moved from header to sidebar */
.site-title {
    float: none;
    clear: both;
    padding: 50px 20px 50px 20px;
    max-width: 331px;
    display: none;
    margin: 0 auto;
}

/* Hide the header title from pages */
body.page .entry-header {
	display: none;
}
/* Hide author details in posts */
.entry-meta .byline {
	display: none;
}
/* Hide category links in posts */
body.single-post .site-content .entry-meta { 
	display: none;
}

body.single-post .site-content .category-ajankohtaista .entry-meta {
    display: block;
}
body.single-post .site-content .category-ajankohtaista .entry-meta .cat-links {
    display: none;
}
/* Hide links to other posts in posts */
body.single-post .post-navigation {
	display: none;
}

/* Sidebar menu */

.site-navigation a {
    text-transform: none;
	font-family: 'Bevan', cursive;
}

.secondary-navigation {
    border: none;
    margin: 0;
}

.secondary-navigation li {
    border-top: none;
    padding: 12px 20px;
    text-align: left;
}
.secondary-navigation li a {
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    padding: 0 7px;
    font-size: 12px;
    line-height: 16px;
        -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
.secondary-navigation li:hover > a, .secondary-navigation li.focus > a {
	background-color: transparent;
	border-left: 7px solid #ea8a24;
	border-right: 0;
	color: #fff;
}
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #fff;
	font-weight: normal;
	background-color: transparent;
    border-left: 7px solid #ea8a24;
	border-right: 0;
}

/* Sidebar submenu */
.secondary-navigation li li {
	text-align: left;
    padding: 0;
}
.secondary-navigation li li a {
	border-left: none !important;
	border-right: none !important;
    padding: 0;
    font-size: 14px;
    text-transform: none;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.secondary-navigation ul ul li {
	margin-left: 0;
	margin-right: 40px;
    border-bottom: 0 solid #999999;
    position: relative;
    width: 100%;
}
.secondary-navigation ul ul a:hover,
.secondary-navigation ul ul li.focus > a,
.secondary-navigation ul ul li.current_page_item a {
    background-color: transparent;
    border-left: none;
    border-right: none;
    color: #ea8a24;
}

/* Display language links only in mobile menu */
/* "Suomeksi" in english version & "English" in finnish version  */
@media screen and (min-width: 1008px) {
	#menu-item-1253, #menu-item-1256 {
		display: none;
	}
}


/* Responsive menu plugin */
#responsive-menu {
	background-color: rgba(0,0,0,0.9) !important;
}
#click-menu {
	right: 0 !important;
	padding-right: 5% !important;
	background: rgba(0,0,0,0.7) !important;
}


/* Sidebar widgets */
.primary-sidebar .widget .widget-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 18px;
    text-transform: none;
    color: #ea8a24;
    font-family: 'Bevan', cursive;
}
.primary-sidebar .widget {
	-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
    text-align: left;
	font-family: 'Bevan', cursive;
    font-size: 14px;
}
.primary-sidebar .widget .textwidget a {
	text-decoration: none;
	color: #fff !important;
}

.secondary-navigation + .primary-sidebar 	{
	padding-top: 45px;
	padding-left: 37px;
	padding-right: 20px;
}
.primary-sidebar .widget .day {
	width: 92px;
	display: inline-block;
}

/* Some icons */
.primary-sidebar #text-4 {
	font-size: 29px;
	text-align: left;
	margin-top: 80px;
}
.primary-sidebar #text-4 i {
	padding: 2px;
}

/* Slider */
div.cycloneslider-slide.cycloneslider-slide-image.cycle-slide.cycle-slide-active {
	z-index: 2 !important;
}
.cycloneslider-template-standard {
    margin-bottom: 0 !important;
    z-index: 1;
}
.cycloneslider-template-standard .cycloneslider-prev,
.cycloneslider-template-standard .cycloneslider-next {
	z-index: 3 !important;
	background: #ea8a24 !important;
	width: 40px !important;
	height: 40px !important;
}
.cycloneslider-template-standard .cycloneslider-prev .arrow,
.cycloneslider-template-standard .cycloneslider-next .arrow {
    border-right-color: #fff !important;
    border-left-color: #fff !important;
 }

/* Frontpage */
body.home .site-content .entry-header,
body.home .site-content .entry-content,
body.home .site-content .entry-summary,
body.home .page-content,
body.home .full-width .archive-header,
body.home .full-width .comments-area,
body.home .full-width .image-navigation,
body.home .full-width .page-header,
body.home .full-width .page-content,
body.home .full-width .post-navigation,
body.home .full-width .site-content .entry-header,
body.home .full-width .site-content .entry-content,
body.home .full-width .site-content .entry-summary{
	padding-left: 0;
	padding-right: 0;
}
#frontpage-first-column {
	display: inline-block;
	background-color: #c4b6a6;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -26px;
	margin-bottom: -10px;
}

body.home .entry-content h1:first-child {
	padding-top: 40px;
}
body.home #bookings {
	background-color: #383838;
	padding: 0 30px 0 30px;
	margin-bottom: 30px;
}
body.home #bookings iframe {
	border: 1px solid #b6b6b6;
}
body.home #bookings h2 {
	color: #fff;
	margin-bottom: 35px;
	font-size: 21px;
}
body.home #bookings h2::after {
    content: '\f073';
    font-size: 20px;
    padding-left: 13px;
	font-family: FontAwesome;
	top: -3px;
	position: relative;
}
#frontpage-news-column {
	background-color: #ded4c8;
	padding-top: 10px;
}

h2.frontpage-news {
	font-size: 26px;
	line-height: 38px;
	text-align: center;
    position: relative !important;
    z-index: 1 !important;
}
    
h2.frontpage-news i { 
	font-style: normal;
	    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
	background: #ded4c8; 
	padding: 0 20px;
}
h2.frontpage-news:before {
	border-top: 3px solid #ea8a24;
	content:"";
	margin: 0 auto; /* this centers the line to the full width specified */
	position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
	top: 18px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

/* Frontpage FB & event text titles */
#frontpage-last-column {
	background: url(images/bottom-bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-top: 0;
	padding-top: 30px;
}

h3.frontpage-small-header {
	text-align: center;
	position: relative !important;
    z-index: 1 !important;
    font-size: 24px;
    padding: 45px 0;
    margin-top: 20px;
}
h3.frontpage-small-header i { 
	font-style: normal;
	padding: 0 20px;
	background: #fff;
	display: inline-block;
}
h3.frontpage-small-header:before {
	border-top: 3px solid #ea8a24;
	content:"";
	margin: 0 auto; /* this centers the line to the full width specified */
	position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
	top: 57px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}
h3.fb-title {
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
/* FB-feed */
.cff-wrapper {
	padding-left: 20px;
	padding-right: 20px;
}
/* Frontpage form */
#frontpage-last-column .ninja-forms-cont .ninja-forms-required-items {
	display: none;
}
#frontpage-last-column .ninja-forms-cont input[type="submit"] {
	padding: 2px 28px 2px;
	font-size: 18px;
	font-family: 'Bevan', cursive !important;

}

/* Adding padding to the last column on frontpage */
.frontpage-last-box h3,
.frontpage-last-box p,
.frontpage-last-box .ninja-forms-cont {
	padding-left: 20px;
	padding-right: 20px;
}
.frontpage-last-box h3 {
	margin-bottom: 22px;
}
.frontpage-last-box input {
    color: #686868;
}

.wprpsp-post-content,
.frontpage-last-box .submit-wrap input {
	color: #fff;
}

/* Recent posts slider on frontpage */
.wprpsp-post-grid-cnt {
	background-color: #21211f;
	position: relative;
	min-height: 400px;
}

.wprpsp-recent-post-carousel.wprpsp-design-7 .wprpsp-post-image-wrap {
	background: transparent;
}

.wprpsp-post-content {
	    padding-top: 5px;
	padding-left: 24px;
	font-size: 16px;
	
}

.wprpsp-post-slides  {
	height: 100%;
}
.wprpsp-recent-post-carousel h2.wprpsp-post-title a, .wprpsp-recent-post-slider h2.wprpsp-post-title a, .wprpsp-gridbox-slider h2.wprpsp-post-title a,
.wprpsp-recent-post-carousel a  {
	color: #ea8a24;
}
.wprpsp-recent-post-carousel .slick-slide {
    padding: 0px 10px !important;
}
.wprpsp-recent-post-carousel button.slick-arrow {
	width: 40px;
	height: 40px;
	top: 200px !important;
	z-index: 3 !important;
}
.wprpsp-recent-post-carousel button.slick-prev,
.wprpsp-recent-post-carousel button.slick-prev:hover,
.wprpsp-recent-post-carousel button.slick-prev:focus {
	background: url('images/arrow-left.png') 0 0 no-repeat !important;
	background-size: 100% !important;
}
.wprpsp-recent-post-carousel button.slick-next,
.wprpsp-recent-post-carousel button.slick-next:hover,
.wprpsp-recent-post-carousel button.slick-next:focus {
	background: url('images/arrow-right.png') 0 0 no-repeat !important;
	background-size: 100% !important;
}
.wprpsp-post-title {
   	font-family: Tahoma, Geneva, sans-serif;
	text-transform: inherit;
}
.wprpsp-post-title:before, .wprpsp-post-title:after {
	display: none;
}

.wprpsp-read-more-btn,
.wprpsp-recent-post-carousel.design-7 .readmorebtn { 
	float: none;
	position: absolute;
	bottom: 0;
	right: 0;
	text-decoration: none !important;
	color: #21211f !important;
	border: 0px;
	padding: 10px;
	font-size: 0px;
	display: inline-block;
	line-height: normal !important;
	margin: 0 !important;
    background-color: #ea8a24;
    width: 50px;
    height: 50px;
    text-align: center;
}

.wprpsp-read-more-btn:after,
.wprpsp-recent-post-carousel.design-7 .readmorebtn:after { 
    content: '+';
    font-size: 20px;
    line-height: 28px;
    color: #21211f;
}

.wprpsp-read-more-btn:hover,
.wprpsp-recent-post-carousel.design-7 .readmorebtn:hover { 
	background-color: #f99831;
}
.wp-post-title, .wp-post-content { background: #21211f; color:#fff; padding: 0 0 0 24px; }
.wp-post-title { padding: 0 24px 0 24px; }

.wp-post-content { min-height:90px; font-size: 14px; line-height: 18px; overflow: auto; padding-top: 5px;}
.wp-post-content .wp-sub-content { float:left; display: inline-block; width:60%;}
.wp-post-content .wp-sub-content::after {
	clear: none;
    content: '...';
    display: inline;
}
.wprpsp-recent-post-carousel h2{margin:0 !important; line-height:auto !important;}
.wprpsp-recent-post-carousel h2.wp-post-title a{font-size:17px; line-height:1px !important; font-weight:normal;}
.wprpsp-recent-post-carousel h2.wp-post-title a:hover { color: #fa9933; }
.wprpsp-recent-post-carousel .wp-post-content p{margin-bottom:8px !important}
.wprpsp-recent-post-carousel .recentpost-categories ul.post-categories{margin:0px 0px 10px 0 !important; padding:0px !important; list-style:none !important}
.wprpsp-recent-post-carousel .recentpost-categories ul.post-categories li{display:inline-block !important; margin-right:2px; }
.wprpsp-recent-post-carousel .recentpost-categories ul.post-categories li a{padding:3px 8px; text-transform:uppercase; font-size:10px; color:#fff; }

/******************Design-7********************/

.wprpsp-recent-post-carousel.design-7 {padding-bottom: 35px; margin-top: 70px; margin-left: 30px; margin-right: 30px;}
.wprpsp-recent-post-carousel.design-7 .post-image-bg{	background:#21211f;height: 180px;    line-height: 0;    overflow: hidden;    position: relative;    width: 100%;}
.wprpsp-recent-post-carousel.design-7 .post-image-bg img {	transition: all 0.2s ease-in-out 0s;    left: -9999px;    margin: 0 auto;       opacity: 1;    position: absolute;    right: -9999px;   width:100% !important; }
.wprpsp-recent-post-carousel.design-7 .recentpost-categories {z-index: 99999;position: absolute;top: 167px;margin-top: 0;}
.wprpsp-recent-post-carousel.design-7 h2 a{color:#ea8a24;}

.wprpsp-recent-post-carousel h2.wprpsp-post-title,
.wprpsp-recent-post-carousel.design-7 h2.wp-post-title {margin-top: 0px !important; padding: 20px 20px 0 20px !important; min-height: 77px; font-family: "Bevan", cursive; }
.wprpsp-recent-post-carousel.design-7 .slick-arrow {top:200px !important;border: none !important;}
.wprpsp-recent-post-carousel.design-7 .slick-next{right:-25px !important;}
.wprpsp-recent-post-carousel.design-7 .slick-prev{left:-25px !important; }
.wprpsp-recent-post-carousel.design-7 .slick-dots{left:15px !important; right:15px !important; text-align:center; bottom:5px !important; display: none !important;}
.wprpsp-recent-post-carousel.design-7 .post-categories a{color: #fff !important; text-decoration: none !important;}

/* Food menus on listat subpages */
.price {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
.food-name {
	width: 70%;
	display: inline-block;
}
.responsive-tabs-wrapper {
	font-size: 90%;
	line-height: 1.4;
}
#listalinkit {
	display: none;
}


/* Recent posts on Tapahtumat-page and on Ajankohtaista-page. Using Display Posts Shortcode plugin */
.display-posts-listing .listing-item {
    clear: both;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}
.display-posts-listing img {
    float: none;
    margin: 10px auto;
    display: block;
    clear: both;
}
.display-posts-listing .excerpt {
	display: none;
}
.display-posts-listing .read-more-link {
	margin-top: -24px;
	font-size: 80%;
}
.display-posts-listing .title {
	color: #c26400;
}
.display-posts-listing .title:hover {
	color: #ea8a24;
}
/* Read more -translation from Finnish to English */
body.page-id-1015 .display-posts-listing .read-more-link #lue-lisaa,
body.page-id-1017 .display-posts-listing .read-more-link #lue-lisaa {
	display: none;
}
body.page-id-1015 .display-posts-listing .read-more-link span:before,
body.page-id-1017 .display-posts-listing .read-more-link span:before {
	content: 'Read more »';
}


/* Varaa poyta -widget in right sidebar */
#text-6.widget {
	background-color: #f0f0f0;
	padding: 20px;
	margin-bottom: 30px;
	box-sizing: border-box;
}
#text-6 .widget-title {
	color: #4f4f4e;
	border: none;
	font-family: 'Bevan', cursive;
	font-size: 36px;
	font-weight: normal;
}
#text-6.widget iframe {
	border: 1px solid #b6b6b6;
}

/*#text-6 .widget-title::after {
    content: '\f073';
    font-size: 30px;
    padding-left: 13px;
	font-family: FontAwesome;
	top: -3px;
	position: relative;
}*/




/* Footer */

#supplementary {
	padding: 0 30px;
}

#supplementary + .site-info {
    border-top: none;
}
.footer-sidebar .widget_archive li,
.footer-sidebar .widget_categories li,
.footer-sidebar .widget_links li,
.footer-sidebar .widget_meta li,
.footer-sidebar .widget_nav_menu li,
.footer-sidebar .widget_pages li,
.footer-sidebar .widget_recent_comments li,
.footer-sidebar .widget_recent_entries li,
.primary-sidebar .widget_archive li,
.primary-sidebar .widget_categories li,
.primary-sidebar .widget_links li,
.primary-sidebar .widget_meta li,
.primary-sidebar .widget_nav_menu li,
.primary-sidebar .widget_pages li,
.primary-sidebar .widget_recent_comments li,
.primary-sidebar .widget_recent_entries li {
	border: none;
}
ul#menu-graniittiravintolat li {
	font-size: 16px;
	line-height: 1.4;
}


/* Footer form */
#ninja_forms_widget-2,
#ninja_forms_widget-3 {
	border: 1px solid white;
	padding: 20px;
	  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  		-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
}
.footer-sidebar .widget .widget-title,
#footer-sidebar .ninja-forms-form h1.widget-title {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
    line-height: 1.6363636363;
    margin-bottom: 18px;
   	font-family: Tahoma, Geneva, sans-serif;
}
#footer-sidebar .ninja-forms-form .ninja-forms-required-items {
	display: none;
}

#footer-sidebar .ninja-forms-form .form-text h1 {
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
   	font-family: Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 18px 0;
}
#footer-sidebar .ninja-forms-form .form-text p {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}
.footer-sidebar .widget input,
.footer-sidebar .widget textarea {
	font-size: 16px;
	border-radius: 0;
	background-color: #fff;
	color: #999;
	border-color: #999;
}




.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
    background-color: #c01634;
    border-radius: 0;
    font-size: 16px;
    font-weight: normal;
    color: white;
}
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #a7132d;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: #a7132d;
}


/* Page content margins */
.full-width .site-content .hentry.has-post-thumbnail:first-child {
	margin-top: 0;
}
.site-content .has-post-thumbnail .entry-header {
	margin-top: 0;
}
.singular .site-content .hentry.has-post-thumbnail {
    margin-top: 0;
}

/* Featured image on top of the pages */
#header-post-thumbnail-img {
    box-sizing: border-box;
    width: 100%;
    max-height: 316px;
    overflow: hidden;
}
#header-post-thumbnail-img img {
	width: 100%;
}



@media screen and (min-width: 480px) {
	/* Adding padding to the last column on frontpage */
	.frontpage-last-box h3,
	.frontpage-last-box p,
	.frontpage-last-box .ninja-forms-cont {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Frontpage's ajankohtaista title */
@media screen and (min-width: 549px) {
	h2.frontpage-news:before {
		content:"";
		margin: 0 auto; /* this centers the line to the full width specified */
		position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
		top: 50%;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: -1;
	}
	h2.frontpage-news i { 
	    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
		padding: 0 45px;
	}

	/* Recent post slider */
	.wprpsp-recent-post-carousel.design-7 .wp-post-content {
    	min-height: 0;
	}
	.post-grid-content {
		min-height: 416px;
	}
	/* Display Posts Shortcode plugin */
	.display-posts-listing .listing-item {
	    text-align: left;
	}
	.display-posts-listing img {
	    float: left;
	    margin: 0 10px 10px 0;
	}
}

/* Sidebar menu paddings */
@media screen and (min-width: 673px) {
	#secondary {
	    padding: 0 10px;
	}
	/* frontpage newsletter */
	#frontpage-last-column .ninja-forms-cont input[type="submit"] {
   		font-size: 28px;
   	}
}

@media screen and (min-width: 768px) {
	/* Recent post slider */
	.post-grid-content {
		min-height: 380px;
	}
}

/* header menu */
@media screen and (min-width: 783px) {
	h1,
	h1.entry-title {
		font-size: 28px;
		line-height: 1.0;
	}
	.primary-navigation li {
	    height: 58px;
	    line-height: 58px;
	}
	.primary-navigation a {
    	padding: 0 10px;
	}
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
   		background-color: #333;
    	color: #fff;
	}
	.primary-navigation ul ul {
		background-color: rgba(0,0,0,0.7);
		top: 58px;
	}
	.primary-navigation li li:hover > a,
	.primary-navigation li li.focus > a {
   		background-color: #222;
	}
	.primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a {
    	background-color: #222;
	}
	.primary-navigation .menu-item-has-children > a::after, .primary-navigation .page_item_has_children > a::after {
	    right: 10px;
	    top: 28px;
	}
	.wprpsp-recent-post-carousel.design-7 .slick-prev {
    	left: -27px !important;
	}
	.wprpsp-recent-post-carousel.design-7 .slick-next {right: -29px !important;}
	.post-grid-content {
    	min-height: 400px;
	}
}
@media screen and (min-width: 833px) {
	/* Frontpage form */
	#frontpage-last-column .ninja-forms-cont input[type="submit"] {
		padding: 2px 78px 2px;
	}
}

@media screen and (min-width: 1008px) {
	.site-title {
	    display: block;
	}

	.primary-navigation a {
    	padding: 0 10px;
	}

	/* Sidebar menu */
	#secondary {
    	width: 162px;
		border-bottom: 0 solid #000;
	}
	.secondary-navigation {
		width: 172px;
	}
	.secondary-navigation li {
	    padding: 10px 0;
	}
	.secondary-navigation ul ul li {
	    border-bottom: 1px solid #999999;
	}
	.secondary-navigation .menu-item-has-children > a {
		padding-right: 0;
	}
	.secondary-navigation .menu-item-has-children > a:after {
		content: none;
	}
	.secondary-navigation ul li:hover > ul,
	.secondary-navigation ul li.focus > ul {
		left: 172px;
		padding: 30px;
		margin-top: -30px;
	}
	.secondary-navigation ul ul {
	    background-color: rgba(0,0,0,0.7);
	    margin-bottom: 20px;
	    z-index: 9999 !important;
	    margin-top: -10px;
	   	margin-left: 0;
	}
	.secondary-navigation ul ul li {
	    width: 160px;
	}

	.secondary-navigation + .primary-sidebar {
	    padding-left: 14px;
	    padding-right: 0;
	}

	/* Some icons */
	.primary-sidebar #text-4 .textwidget {
		padding-right: 14px;
	}

	.cycloneslider-template-standard {
		margin-left: 182px;
	}
	/* Featured image in posts and articles */
	#header-post-thumbnail-img {
		margin-left: 182px;
		max-height: 364px;
	}
	#header-post-thumbnail-img img {
    	width: calc(100% - 182px);
	}
	/* Some icons */
	.primary-sidebar #text-4 {
		text-align: center;
	}
	/* Hidden header */
	#masthead {
		display: none;
	}
	.masthead-fixed .site-header {
    	position: initial;
    	display: none;
	}
	.masthead-fixed .site-main {
    	margin-top: 0;
	}
	/* Footer */
	.footer-sidebar .widget {
		width: 50%;
	}
	/* Footer form */
	#footer-sidebar .ninja-forms-form .form-text {
		float: left;
		width: 40%;
	}
	#footer-sidebar .ninja-forms-form .newsletter-right-side {
		float: right;
		display: inline-block;
		width: 55%;
		margin-top: 45px;
	}
	/* Footer form button */
	#footer-sidebar .ninja-forms-form .newsletter-button {
		float: right;
		display: inline-block;
		width: 40%;
		font-family: 'Lato', sans-serif;
	}
	#ninja_forms_widget-2 #ninja_forms_field_4 {
		width: 40%;
		margin-top: -75px;
	}
	#footer-sidebar .ninja-forms-form #ninja_forms_field_49 {
		width: 40%;
		margin-top: -60px;
	}
	/* Recent post slider */
	.post-grid-content {
    	min-height: 390px;
	}

	/* Frontpage fonts */
	h3.frontpage-small-header {
    	font-size: 24px;
	}
	/* Frontpage FB-feed */
	.cff-wrapper {
		padding-left: 52px;
	}
	/* Sidebar times */
	.primary-sidebar .widget .day {
		width: 100%;
	}
}
@media screen and (min-width: 1062px) {
	#ninja_forms_widget-2 #ninja_forms_field_4 {
		margin-top: -55px;
	}
	#footer-sidebar .ninja-forms-form #ninja_forms_field_49 {
	    margin-top: -40px;
	}
}

@media screen and (min-width: 1080px) {
	/* Sidebar */
	#secondary {
    	width: 222px;
    	padding: 0;
	}
	.secondary-navigation {
    	width: 200px;
    	padding: 0 0 0 22px;
	}
	.secondary-navigation ul li:hover > ul,
	.secondary-navigation ul li.focus > ul {
		left: 200px;
	}
	.secondary-navigation ul ul li {
    	width: 180px;
	}
	.secondary-navigation li li a {
   		font-size: 19px;
	}
	.secondary-navigation li a {
		font-size: 16px;
	}
	.secondary-navigation li li a {
    	font-size: 15px;
	}

	.secondary-navigation + .primary-sidebar {
	    padding-left: 34px;
	    padding-right: 20px;
	}
	.cycloneslider-template-standard {
		margin-left: 220px;
	}
	/* Featured image in posts and articles */
	#header-post-thumbnail-img {
		margin-left: 220px;
	}
	#header-post-thumbnail-img img {
    	width: calc(100% - 220px);
	}

	/* Widget fonts */
	.primary-sidebar .widget .widget-title {
    	font-size: 20px;
    }
    .content-sidebar .widget .widget-title {
		font-size: 26px;
	}
	.content-sidebar p {
		font-size: 17px;
	}

	/* Fonts */
	body {
	    font-size: 16px;
	    line-height: 24px;
	}
	h1,
	h1.entry-title {
		font-size: 38px;
		line-height: 1.0;
	}
	h2 {
		font-size: 26px;
		line-height: 1;
	}
	h3 {
		font-size: 20px;
		line-height: 1.0909090909;
	}
	h4 {
		font-size: 18px;
		line-height: 1.2;
	}
	h5 {
		font-size: 16px;
		line-height: 1.3333333333;
	}
	h6 {
		font-size: 15px;
		line-height: 1.5;
	}
	#frontpage-first-column {
		padding-left: 50px;
		padding-right: 22px;
	}	
	h2.frontpage-news {
		font-size: 38px;
	}
	body.home #bookings h2 {
		font-size: 23px;
	}
	body.home #bookings h2::after {
	    font-size: 20px;
	    padding-left: 13px;
		top: -5px;
	}	
	.content-sidebar .widget .widget-title {
		font-family: 'Bevan', cursive;
		font-weight: normal;
	}
	.wprpsp-recent-post-carousel.design-7 {
		margin-right: 60px;
		margin-left: 60px;
	}
	/* Sidebar times */
	.primary-sidebar .widget .day {
		width: 33%;
	}
}

@media screen and (min-width: 1290px) {
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.page-content,
	.full-width .archive-header,
	.full-width .comments-area,
	.full-width .image-navigation,
	.full-width .page-header,
	.full-width .page-content,
	.full-width .post-navigation,
	.full-width .site-content .entry-header,
	.full-width .site-content .entry-content,
	.full-width .site-content .entry-summary {
		padding-left: 80px;
		padding-right: 80px;
	}
	.search-box .search-field {
		width: 324px;
	}
	.site-content,
	.site-main .widecolumn {
		margin-left: 420px;
	}
	.site:before {
		width: 420px;
	}
	.search-box-wrapper,
	.featured-content {
		padding-left: 420px;
	}
	#secondary {
		width: 420px;
	}
	.secondary-navigation {
		width: 390px;
		padding: 0 0 0 30px;
	}
	.secondary-navigation ul ul {
		width: 300px;
	}
	.secondary-navigation ul li:hover > ul,
	.secondary-navigation ul li.focus > ul {
		left: 370px;
	}
	.secondary-navigation ul ul li {
	    width: 225px;
	    margin-left: 40px;
	}
	#supplementary {
    	padding-left: 400px;
    	padding-right: 35px;
	}
	.secondary-navigation li a {
    	font-size: 24px;
    	line-height: 24px;
    }
    .secondary-navigation li li a {
    	font-size: 19px;
	}
	.secondary-navigation + .primary-sidebar {
	    padding-left: 44px;
	}

	/* Sidebar logo */
	.site-title {
	    padding: 120px 20px 80px 20px;
	}

	.cycloneslider-template-standard {
		margin-left: 420px;
	}
	/* Featured image in posts and articles */
	#header-post-thumbnail-img {
		position: relative;
		margin-left: 420px;
		max-height: 519px;
	}
	#header-post-thumbnail-img img {
    	width: calc(100% - 420px);
	}

	body {
	    font-size: 22px;
	    line-height: 36px;
	}
	h1,
	h1.entry-title {
		font-size: 55px;
		line-height: 1.2;
	}
	h2 {
		font-size: 36px;
		line-height: 1.2;
	}
	h3 {
		font-size: 24px;
		line-height: 1.0909090909;
	}
	h4 {
		font-size: 16px;
		line-height: 1.2;
	}
	h5 {
		font-size: 14px;
		line-height: 1.3333333333;
	}
	h6 {
		font-size: 12px;
		line-height: 1.5;
	}
	.content-sidebar .widget .widget-title {
		font-size: 36px;
	}
	.footer-sidebar .widget,
	.primary-sidebar .widget {
		font-size: 20px;
		line-height: 24px;
	}
	.footer-sidebar .widget .widget-title {
		font-size: 14px;
	}
	#ninja_forms_widget-2 #ninja_forms_field_4,
	#footer-sidebar .ninja-forms-form #ninja_forms_field_49 {
 	   width: 50%;
	}
	h2.frontpage-news {
		margin-left: -80px;
	}
	.wprpsp-recent-post-carousel.design-7 .slick-prev{left:-40px !important; }
	.wprpsp-recent-post-carousel button.slick-arrow {
		width: 50px;
		height: 50px;
	}
	.wprpsp-recent-post-carousel.design-7 {
		margin-right: 60px;
		margin-left: 60px;
	}
	/* Some icons */
	.primary-sidebar #text-4 {
		font-size: 35px;
	}
	.primary-sidebar #text-4 i {
		padding: 5px;
	}
	.primary-sidebar #text-4 .textwidget {
		padding-right: 22px;
	}
	/* Sidebar times */
	.primary-sidebar .widget .day {
		width: 34%;
	}
	.responsive-tabs-wrapper {
		font-size: 75%;
		line-height: 1.4;
	}
	/* Food menus, a la carte -page*/
	#post-69 .ezcol-one-half {
	    width: 100% !important;
	}
}

@media screen and (min-width: 1301px) {
	.wp-post-content { font-size: 16px; line-height: 20px; }
	.wp-post-content .wp-sub-content { width:75%;}
	.wprpsp-recent-post-carousel h2.wp-post-title a { font-size:20px; }
	.wprpsp-recent-post-carousel.design-7 .post-image-bg { height: auto; min-height: 172px; }
	.post-grid-content { min-height: 440px; }
}

@media screen and (min-width: 1379px) {
	.wprpsp-recent-post-carousel.design-7 .post-image-bg { height: 260px; }
	.wprpsp-recent-post-carousel.design-7 .readmorebtn {
		width: 39px;
		height: 39px;
	}
	.wprpsp-recent-post-carousel.design-7 .readmorebtn::after {
    	font-size: 30px;
    	line-height: 34px;
	}
	.footer-sidebar .widget .widget-title {
		font-size: 16px;
	}
}



@media screen and (min-width: 1487px) {
	#ninja_forms_widget-2 #ninja_forms_field_4,
	#footer-sidebar .ninja-forms-form #ninja_forms_field_49 {
		margin-top: -40px;
	}
	#ninja_forms_widget-2 #ninja_forms_field_4,
	#footer-sidebar .ninja-forms-form #ninja_forms_field_49 {
 	   width: 40%;
	}
	#supplementary {
    	padding-left: 430px;
    	padding-right: 35px;
	}
}

@media screen and (min-width: 1555px) {
	/* Food menus, a la carte -page*/
	#post-69 .ezcol-one-half {
	    width: 48% !important;
	}
}

@media screen and (min-width: 1555px) {

	/* Frontpage FB & event text titles */
	h3.frontpage-small-header:before {
		content:"";
		margin: 0 auto; /* this centers the line to the full width specified */
		position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
		top: 57px;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: -1;
	}
	h3.frontpage-small-header i { 
	    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
		background: #fff; 
		padding: 0 20px;
		font-style: normal;
	}
	h3.fb-title {
		margin-left: 0;
		padding-left: 40px;
		padding-right: 40px;
	}
	.widget button,
	.widget .button,
	.widget input[type="button"],
	.widget input[type="reset"],
	.widget input[type="submit"] {
	    font-size: 20px;
	}
}



@media screen and (min-width: 1594px) {
	body.home #bookings {
	    padding: 0 30px;
	}
	.responsive-tabs-wrapper {
		font-size: 90%;
		line-height: 1.4;
	}
}
@media screen and (min-width: 1600px) {
	/* Frontpages news slider */
	.wprpsp-recent-post-carousel .slick-slide {
    	padding: 0px 35px !important;
	}
}
@media screen and (min-width: 1609px) {
	body.home #bookings h2 {
		font-size: 35px;
	}
	body.home #bookings h2::after {
	    font-size: 25px;
	    padding-left: 13px;
		top: -5px;
	}
}
@media screen and (min-width: 1735px) {
	body.home #bookings h2 {
		font-size: 40px;
	}
}



/* MEDIA QUERYS MAX SCREEN */

@media only screen and (max-width : 790px) {
	/* Food menus, a la carte -page*/
	body.page-id-69 .ezcol-one-half {
	    width: 100% !important;
	}
}

@media (max-width: 767px) {
	.responsive-tabs .responsive-tabs__heading--active,
	.responsive-tabs .responsive-tabs__heading--active:hover {
		background: #333 !important;
	}
	#listalinkit {
		display: block;
	}
}

@media only screen and (max-width : 370px) {
	.responsive-tabs .responsive-tabs__heading {
		font-size: 15px !important;
	}
}


/****************** Extra-tyylit ********************/

.ruokalistat {
	margin-left: -38px;
}

.ruokalistat .title {
	display: none;
}

.ruokalistat a {
	text-decoration: none !important;
	pointer-events: none;
	cursor: default;
}
