/*
Theme Name: Edyna Modell
Author: Alfa Webdesign
Author URI: http://alfawebdesign.hu/
Description: 2016 - Edyna Modell Wordpress theme - By: Alfa Webdesign
Version: 1.0
Tags: minimal, basic, brown, flat, white, light, two-columns, one-columns
*/

/* Színsegéd: barna: #9a5218 | sötét szövegszín: #252525 | világos szövegszín: #7f7f7f | */

/* Alapértelmezett */
* { margin: 0; padding: 0; border: 0 }
a { color: #9a5218; text-decoration: none }
a.button { background: #f2f2f2; padding: 10px 30px; text-align: center; color: #5e5e5e !important; font-size: 14px; font-family: 'PT Serif'; cursor: pointer }
a.button:hover { background: #9a5218; color: #fff !important }
hr { width: 100%; height: 1px; background: #ededed; margin: 40px 0 }
a:hover { color: #9a5218 }
.clear:before, .clear:after{ content: ""; display: table }
.clear:after { clear: both }
#left-col ul li { margin: 0 0 0 20px }
p { line-height: 20px; margin: 0 0 20px 0 }
/* #left-col li { line-height: 20px; margin: 0 0 20px 20px; list-style-image: url(images/list-style-image.png) } */
img { max-width: 100%; height: auto }
img.alignleft { float: left;	margin: 0 20px 20px 0 }
img.alignright {	float: right; margin: 0 0 20px 20px }
img.aligncenter { display: block; margin: 0 auto 20px auto }
body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #252525
}


/* Top Bar */
#topbar {
	background: #f5f5f5;
	width: 100%;
	padding: 15px 0
}
.topbar-content {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto
}
.left-topbar { float: left; width: 100%; color: #7f7f7f }
.right-topbar { float: right }
.right-topbar a { display: inline-block }
.left-topbar h1 { font-size: 13px; font-weight: normal; margin: 0; display: inline-block }
.right-topbar figure { margin: 0 14px 0 0; float: left }
figure.facebook { background: url(images/facebook-icon.png); width: 9px; height: 16px }
figure.googleplus { background: url(images/googleplus-icon.png); width: 16px; height: 16px; margin: 0 12px 0 0 }
figure.mail { background: url(images/mail-icon.png); width: 18px; height: 16px }
figure.facebook:hover { background: url(images/facebook-icon-hover.png) }
figure.googleplus:hover { background: url(images/googleplus-icon-hover.png) }
figure.mail:hover { background: url(images/mail-icon-hover.png) }
figure.insta { background: url(images/insta.png); width: 18px; height: 16px }
figure.insta:hover { background: url(images/insta-hover.png); width: 18px; height: 16px }


/* Fejléc */
#page-header {
	width: 100%;
	padding: 50px 0
}
.page-header-content {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto
}
.logo { text-align: center }
.website-description {
	font-family: 'Caveat';
	font-weight: normal;
	font-size: 22px;
	color: #9a5218;
	margin: 20px 0 0 0
}
.main-menu {
    width: 100%;
	text-align: center;
	display: table;
    margin: 40px auto 0 auto;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
div.menu-main-menu-container {
	margin: 0 auto;
    display: table
}
.main-menu ul {
	list-style: none;
    display: table;
    margin: 0 auto
}
.main-menu ul li { float: left }
.main-menu ul li a {
	color: #252525;
	font-family: 'Poppins';
	font-size: 13px;
	padding: 20px 25px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
    position: relative;
	transition: all .3s;
	cursor: pointer
}
.main-menu ul li a:hover { color: #999 }
.main-menu ul li.current_page_item a, .main-menu .current-menu-parent  > a  { color: #9a5218 }
.main-menu ul li:first-child a { padding: 20px 25px 20px 0 }
.main-menu ul li:last-child a { padding: 20px 0 20px 25px }

.menu-toggle {
	cursor: pointer;
	display: none;
	padding: 12px;
	margin: 0 auto;
	background: #AB9884
}
.icon-bar {
	background-color: #34495e;
	display: block;
	width: 22px;
	height: 2px
}
.menu-toggle:hover .icon-bar, .menu-toggle.active .icon-bar { background-color: #fff }
.icon-bar + .icon-bar { margin-top: 4px }
.hamburger { display: none; margin: 10px auto 20px auto; color: #fff }


/* Submenu */
nav.main-menu ul li.menu-item-has-children a:after {
	content: '▼';
	margin: 0 0 0 5px;
}

nav.main-menu ul li.menu-item-has-children ul li a:after {
	content: '';
}
ul.sub-menu {
	background: #f5f5f5;
	z-index: 100;
	display: none;
	float: none;
	position: absolute;
}
ul.sub-menu li {
	float: none;
	border-left: 0;
	border-bottom: 1px solid #fff;
	padding: 0
}
ul.sub-menu li:first-child a { padding: 20px 30px; }
ul.sub-menu li:last-child a { padding: 20px 30px; }


/* Slider */
#slider {
	margin: 0 auto
}


/* Tartalmi rész */
#content { width: 100% }
.content-container {
	width: 100%;
	max-width: 1020px;
	margin: 40px auto 0 auto
}
#content-full-width-grey {
	background: #f9f9f9;
	width: 100%
}
#left-col {
	width: 65%;
	margin: 0 0 5% 0;
	float: left
}
#right-col {
	width: 30%;
	float: right
}
#full-width {
	width: 100%;
	clear: both
}


/* Oldalsáv */
#right-col .widget {
	border-left: 5px solid #ab9884;
	padding: 0 0 0 10px;
	margin: 0 0 40px 0
}
.widget-title {
	font-family: 'Poppins';
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 15px 0
}
#right-col .textwidget { color: #7f7f7f }
#right-col .widget li { margin: 0 0 0 18px; color: #9a5218 }
#right-col .widget li a { color: #7f7f7f }
#right-col .fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important }

div.widget_wysija_cont p.wysija-paragraph { margin: 20px 0 6px 0 }
div.widget_wysija_cont input {
	width: 100%;
	border: 2px solid #f8f8f8;
	padding: 10px;
	color: #a9a9a9;
	font-size: 13px
}
div.widget_wysija_cont input.wysija-submit {
	border: 0;
	background: #f2f2f2;
	padding: 10px 30px;
	text-align: center;
	color: #5e5e5e !important;
	font-size: 14px;
	font-family: 'Poppins';
	cursor: pointer;
    margin-top: 12px
}
div.widget_wysija_cont input.wysija-submit:hover {
	background: #9a5218;
	color: #fff !important
}


/* Teljes szélességű oldalsáv */
#full-width .widget { width: 100% }
#full-width .widget-title { text-align: center }
.testimonial_slider__round.testimonial_slider_set {
	width: 100% !important;
	max-width: 1020px;
	padding: 40px 0
}
.testimonial_slider .sldr_title {
	font-family: 'Poppins' !important;
	font-size: 18px !important;
	text-transform: uppercase !important;
	text-align: center !important;
	color: #252525 !important;
	font-weight: normal !important;
	margin: 0 0 15px 0 !important
}
.testimonial_by {
	font-family: 'Poppins' !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-align: center !important;
	color: #252525 !important
}
.testimonial_slider__round .testimonial_outer_wrap { width: 90% !importan; margin: 0 auto !important }
.testimonial_by_text { width: 100% !important; margin: 0 auto !important }
.testimonial_slider__round .testimonial_content { width: 100% !important; padding: .5em 0 10px 0 !important; margin: 10px auto !important }
#testimonial_slider_2_wrap {	padding: 0 !important }


/* Főoldal */
.home-page h2 {
	font-family: 'Poppins';
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 20px 0
}


/* Aloldal */
article.page h1 {
	font-family: 'Poppins';
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 20px 0
}
article.page h2 {
	font-family: 'Poppins';
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 20px 0
}
h1.page-title {
	font-family: 'Poppins';
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
}
article.post h1 {
	font-family: 'Poppins';
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 20px 0
}
article.blog {
	background: #fff;
	padding: 20px;
	margin: 0 0 20px 0;
}
article.blog figure img {
	width: 50%;
	height: auto;
	margin: 0 auto
}
h2.post-title {
	font-size: 26px;
	color: #444;
	margin: 20px 0 20px 0
}
h2.post-title:hover { color: #9a5218 }
article.blog p.date, article.blog p.comments,article.post p.date, article.post p.comments  { float: left }
article.blog p.date { margin: 0 20px 0 0 }
article.blog p.content {
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
}
article.post p.date, article.post p.comments  { margin: 20px 0 }
article.post p.date { margin: 20px 20px 20px 0 }


/* Lábléc */
#page-footer { width: 100% }
.page-footer-content {
	width: 100%;
	max-width: 1020px;
	border-top: 5px solid #e9e9e9;
	margin: 20px auto 40px auto;
	padding: 20px 0 40px 0;
	text-align: center
}
.page-footer-content img {
	margin: 0 0 0 5px
}

.testimonial_slider_set.testimonial_slider {
    width: 100% !important;
    max-width: 1020px !important
}




/* Other */
.ug-textpanel { top: 40% !important }
.ug-textpanel-title { font-family: 'Caveat' !important; font-size: 24px !important; font-weight: normal !important }


/* Mobilra és Tabletre optimalizálás */
@media (max-width: 1250px) {
	.page-header-content, #breadcrumbs, .content-container, .page-footer-content  { width: 96% }
}

@media (max-width: 768px) {
	.menu-toggle { display: table; margin: 30px auto 0 auto }
	.hamburger { display: table }
	.main-menu { display: none }
	.main-menu ul li { float: none }
	.main-menu ul li a { background: #444; color: #fff; font-weight: 400; text-align: center; padding: 12px 0; margin: 5px 0 }
	.main-menu ul li:first-child a { padding: 12px 0 }
	.main-menu ul li:last-child a { padding: 12px 0 }
	.menu-main-menu-container { width: 100% }
	#menu-main-menu { width: 100% }
	.main-menu li .sub-menu { position: static !important }
	.main-menu li .sub-menu li { border-bottom: 0 }
	.main-menu li .sub-menu li a { background: #888 }
	.main-menu ul li a:hover, .main-menu ul li.current_page_item a, .main-menu .current-menu-parent  > a { background: #9a5218; color: #fff }
	
	.logo {	width: 100%; float: none; display: table; text-align: center; margin: 0 auto }
	.logo img { left: 63% }
	#page-header { border-bottom: 3px solid #e9e9e9; }
	#slider { display: none }
	#left-col { width: 96%; margin: 0 auto 0 auto; float: none }
	#right-col { width: 96%; margin: 30px auto 0 auto; float: none }
	.rpwwt-widget img, .rpwwt-widget img { max-width: 100% !important }
	.fb-page { width: 340px !important; display: block !important; margin: 0 auto }
	#breadcrumbs, article.page h1, article.home h1, article.home h2, h2.tag-list-title, .tag-list-content, article.blog { text-align: center !important }
	#left-col li.tag-list { background: none }
	.date-comments { margin: 0 auto; display: table }
}

@media (max-width: 668px) {
	.logo img { left: 65% }
	#left-col li.home-list { width: 50% }
}
@media (max-width: 568px) {
	.logo img { left: 67% }
	.left-footer, .right-footer { width: 100%; float: none; text-align: center }
	.right-footer img { margin: 10px 0 0 5px; float: none }
}

@media (max-width: 480px) {
	.logo img { left: 70% }
	#left-col li.tag-list { width: 100%; padding: 0 }   
}