/*
	Theme Name: Yoon Theme
	Theme URI: http://demo.skyandstars.co/Yoon
	Description: Yoon is Genesis Child Theme designed by <a href="http://skyandstars.co">SkyandStars.co</a>.
	Author: SkyandStars.co
	Author URI: http://www.SkyandStars.co
	Version: 1.8.4
	Template: genesis
*/

/* # Table of Contents
- GENESIS
- GENERAL
- LAYOUT
- GUTENBERG
- MENU
- SOSMED MENU
- CONTENT
- ENTRY FOOTER
- SHOP THE LOOK
- Social Media Icons Entry Footer
- RELATED POSTS
- COMMENT
- PAGE
- SOCIAL PAGE
- BLOG
- EXTRA SOSMED
- WIDGETS
- Categories Grid
- FOOTER WIDGETS
- COPYRIGHTS
- SUBSCRIBE
- Contact
- Media Queries
*/

/*
* GENESIS
* -----------------------------------------------------------------------------
*/
@import url('genesis.css');

/*
* GENERAL
* -----------------------------------------------------------------------------
*/
body {
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	color: #000000;
	background-color: #ffffff;
	padding: 0;
	position: relative;
}
body > div {font-size: inherit}
.sidebar {font-size: 13px;}
.clear {
	clear: both;
	display: block
}
::-moz-selection {
 color: white;
 background: #000;
}
::selection {
 color: white;
 background: #000;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
a:link {
	text-decoration:none;
	color: #a2a2a2;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}

a:visited {
	text-decoration:none;
	color: #a2a2a2;
}

a:hover {
	text-decoration: none;
	color: #ffb3b8;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif; font-weight: 400}

.title-area {padding:5px 0}

.admin-bar .site-header {
	top: 31px;
}

.site-header { background-color: transparent; min-height: auto; margin-top:0; padding: 60px 0 25px; border-bottom: none;}
.site-header .wrap {padding:0;}
.header-image .site-title > a {
    background-position: center center!important;
    min-height: 180px;
    width: 100%;
	 background-size: contain !important;
}

.site-title {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 60px;
	letter-spacing: 2px;
	text-align: center;
	margin:0;
}
.site-title a {color: #000;}
.site-description {font-family: 'Noto Sans', sans-serif; color: #5f5f5f; text-align: center; font-size: 12px; padding: 7px 0 0; letter-spacing: 3px; margin-bottom:30px; text-transform: uppercase;}

/*
* LAYOUT
* -----------------------------------------------------------------------------
*/
.site-container {
	overflow: hidden;
}
.site-inner, .wrap {
		max-width: 1120px;
		margin: 0 auto;
		
}
.nav-primary {
	max-width: 100%;
	margin: 0 auto;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.nav-primary .genesis-nav-menu .sub-menu a {color:#5f5f5f;}

.content {width: 750px; margin:0 15px;}
.sidebar-primary {width: 300px;}
.sidebar {margin:0 15px}
.article {padding:0;}
.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap {
	width: 850px;
}
.content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content {width: 540px}
.full-width-content .content {width: 100%; margin:0; padding:0 25px; position: relative;}
.sidebar-content .content {}
	.sidebar-content .content article {padding:0 0 0 30px;}
.content-sidebar-sidebar  .content {border: none;}
.content-sidebar-sidebar .content article, .sidebar-sidebar-content .content article  {padding:0}
.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap {
	width: 900px;}
.sidebar-secondary {width: 180px;}
.sidebar-sidebar-content .content {padding:0;}
.sidebar-sidebar-content .sidebar {padding: 0 15px; }

/*
* GUTENBERG
* -----------------------------------------------------------------------------
*/
.wp-block-image img {
    max-width: 100%;
}

.entry-content .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 1000%;
}
.entry-content .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
}

/*
* MENU
* -----------------------------------------------------------------------------
*/
.extra-top {margin-top: 25px;}
nav {clear: both;}
.sub-menu-toggletop,
.menu-toggletop,
.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}
#menu .wrap {width: 100%; max-width: 100%}
#menu {
	background-color: #fff1ee;
	position: fixed;
 	z-index: 1000;
	display: block; 
  	top: 0;
  	left: 0;
  	width: 100%;
 	text-align: center;
}
.genesis-nav-menu, .genesis-nav-menu .sub-menu a {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	font-weight: 400;
}
.genesis-nav-menu .sub-menu {border-top: none}
.menu-close {	
	-moz-transform: translateY(-100%);
   	 -ms-transform: translateY(-100%);
   	 -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
	opacity: 0; 

}
.nav-primary {margin-bottom: 35px; border-bottom: none}
.genesis-nav-menu a {padding: 10px}

.genesis-nav-menu {
    margin: 0;
    padding: 0;
}
.genesis-nav-menu li {
	float: left;
    display: inline-block;
    margin: 0 12px;
	padding: 0;
}
.genesis-nav-menu li a {padding-top:15px; padding-bottom:15px;}
.genesis-nav-menu li .sub-menu li {	margin: 0; padding:0}
.nav-primary .genesis-nav-menu a {color: #5f5f5f}
.nav-primary .genesis-nav-menu a:hover {text-decoration: none}
.genesis-nav-menu .sub-menu a {
	background-color: #fff1ee;
	border: none;
	padding: 13px;
	color: #5f5f5f;
}
.genesis-nav-menu .sub-menu a:hover {background-color: #fff1ee; color: #5f5f5f;}
.genesis-nav-menu .sub-menu {border-bottom: none;}
.nav-primary .genesis-nav-menu .current-menu-item > a {color: #5f5f5f; text-decoration: none;}
.nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #ffb3b8;
}

.genesis-nav-menu .widget {
    float: right;
}
.genesis-nav-menu .sub-menu .sub-menu {margin: -42px 0 0 209px}

.nav-primary .widget-area {
	width: 25%;
	margin:0;
	float: right;
}

/*
* SOSMED MENU
* -----------------------------------------------------------------------------
*/
.genesis-nav-menu .widget {
    float: right;
}

.genesis-nav-menu .simple-social-icons ul li {
	margin-bottom: 0 !important;
	margin-top: 0.7rem !important;
}

/*
* CONTENT
* -----------------------------------------------------------------------------
*/
.site-inner {padding-top: 0}
.type-page {border-bottom: none!important}
.entry-header {text-align: center; position: relative; margin-bottom: 25px;}
.entry-title {font-size:22px; letter-spacing:2px; margin-bottom: 5px; color: #000000; text-transform: uppercase;}
.entry-header p.entry-meta {    font: normal normal 11px Raleway, serif; padding:0; margin:0; letter-spacing:3px; color: #000000; text-transform: uppercase;}
.entry-header p.entry-meta time {
    background: #fff none repeat scroll 0 0;
    color: #aeaeae;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}
.entry-author {display: none; }
.post-edit-link {display: none;}
.entry {margin-bottom: 30px;}
.content .entry {padding: 0 0 5px; background-color: #ffffff; border-bottom:1px solid #dddddd;}
.entry-title a {color: #000000;}
.entry-title a:hover {color: #ffb3b8;}
.wp-caption-text {font-size: 12px;color: #aeaeae; font-weight: 400; font-style: italic}
.entry-content p {margin-bottom: 20px; font-size: 13px;}
.entry-content p a {color: #ffb3b8;}
.entry-content p a:hover {color: #ffb3b8; border-bottom:1px solid #ffb3b8}
.entry-content ol, .entry-content ul {font-size: 13px;}
.entry-content a.more-link {
	display: block;
	width: 150px;
	text-align: center;
	text-transform: uppercase;
	padding: 6px 2px;
	background-color: #fff1ee;
	color: #5f5f5f;
	margin:  0 auto;
	border:none;
}
.entry-content a.more-link:hover {
	background-color: #f8b4b3;
	color:#5d5d5d;
	border:none;
}

.entry-content p a.autoreadmore {
	display: block;
	width: 130px;
	text-align: center;
	text-transform: uppercase;
	padding: 6px 10px;
	color: #5d5d5d;
	background-color: #fff1ee;
	margin:  15px auto 10px;
	border:none!important;
	letter-spacing: 2px;
}
.entry-content p a.autoreadmore:hover {
	color:#ffffff;
	background-color: #f8b4b3;
	border:none;
	text-decoration: none;
	border-bottom: none!important;
}

/* ENTRY FOOTER
------------------------------------------------------------ */
.entry-footer {font-size: 12px; overflow: auto; margin-top:0px; text-transform: uppercase; letter-spacing: 1px; width: 100%; float: left; display:inline-block; color: #868686}
.entry-footer a, .social-media-icons a {color: #868686;}

.entry-footer .catlinkwrap {
    display: block;
	width: 100%;
    margin: 13px 0 0;
    padding: 0;
	text-align: center;
}


.entry-footer a:hover, .social-media-icons a:hover {color: #ffb3b8;}

.entry-comments-link {display: none}
.entry-comments-link::before {
	font-family: 'Font Awesome 5 Free'!important;
	font-weight: bold;
	content: "\2014 \f075";
}
.entry-categories, .entry-categories, .entry-tags {font-size: 11px; padding-bottom: 0; text-transform: uppercase; letter-spacing: 2px;}
.entry-categories a, .entry-categories a, .entry-tags a {color: #ffb3b8;}
.share-small .no-count .share {width: 20px;}
.share-after {text-align: center}


.prevnext-post {
	width: 100%;
	overflow: auto;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing:2px;
	border-top:1px solid #dddddd;
	padding-top: 5px;
}
.prevnext-post  .previous {
	float: left;
	text-align: left;
	width: 49%;
}
.prevnext-post  .next {
	float: right;
	text-align: right;
	width: 49%;
}

/* SHOP THE LOOK
------------------------------------------------------------ */
#shopthelook {overflow: auto; position: relative; margin: 0 auto; width: 100%;}
.stl_title {
	margin-top: 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

/* Social Media Icons Entry Footer
------------------------------------------------------------ */
.social-media-icons a {
	display:inline-block;
	text-align: center;
	margin:0 5px;
	padding: 3px 0;
	font-size: 13px;
}
.share-after {margin: 10px auto}
.share-small .count {display: none}
.share-filled .share {background: none!important}
.share-small .share:before, .share-medium .share:before, .share-tall .share:before {color: #999999}
.share-small .share, .share-small .count, .share-small .share:hover, .share-small .count:hover {color: #999999}
.share-small .share {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.share-small .share, .share-small .count {
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
}

/*
* RELATED POSTS
* -----------------------------------------------------------------------------
*/
.related {
	margin-bottom: 2em;
}
.related .widget-title {
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    position: relative;
    padding: 10px;
    border: none;
}
.related-posts-list {
	overflow: hidden;
}
.related-post {
	float: left;
	width: 33%;
	margin: 0 0 1em;
	padding: 0 1%;
	text-align: center;
}
.related-image img:hover {
	opacity: 0.8;
}
.related-post a {
	color: inherit;
}
.related-post a:hover {
	color: #e1bbb7;
}
.related-post-title {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}

/*
* COMMENT
* -----------------------------------------------------------------------------
*/
.comment {border:none; font-size: 13px;}
.comment-respond, .entry-comments, .entry-pings {margin-bottom: 40px;}
.comment-list li {padding:15px 0; margin-top:0}
.comment-list li li {margin-right:0}
.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"], textarea {
    width: 100%;
}
.comment-respond, .entry-comments, .entry-pings {background-color: #ffffff; padding:10px 0;}
.entry-comments h3, #reply-title {font-size: 20px; text-transform: uppercase}
#comments h3 {padding:0;}
li.comment {    
    border:none;
	background: none;
}
li.comment .children {padding:10px 20px;}
p.comment-subscription-form {margin-bottom: 10px;}
p#form-allowed-tags {display: none}
.comment-author, .comment-author  a  {font-size: 14px; color: #000000}
.comment-meta {font-size: 12px; font-style: italic;}
.comment-meta {margin-bottom: 15px;}
.comment-content p {margin-bottom: 10px;}
.comment-content p.alert {font-style: italic; color:#cbcbcb}
.comment .avatar {border-radius: 1000px; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; margin:0 16px 15px 0}
.comment-reply {border-bottom: none; font-size: 12px; text-transform: uppercase; margin-bottom: 40px;}
.comment-reply a {color:#5f5f5f; background-color:#fff1ee; padding: 5px 30px;}
.comment-reply a:hover {color:#5f5f5f; background-color:#fff1ee}
.comment-list article {border-bottom: none}
#respond {padding: 0; font-size: 13px;}
#respond h3 {padding:0}
#respond textarea {width: 100%; height: 120px;}
.required {color: #bc0000}


.comment-respond input[type="submit"] {
	padding: 10px;
	border: none;
	background-color: #fff1ee;
    color: #5f5f5f;
	width: 180px!important;
	margin:0!important;
	display: block;
	font-size:12px;
	letter-spacing:1px;
	font-weight: normal;
	text-transform: uppercase;
}
.comment-respond input[type="submit"]:hover {
	background-color: #ffb3b8;
	color: #ffffff;
}

/*
* PAGE
* -----------------------------------------------------------------------------
*/
.page .entry-title {font-size: 22px; margin-bottom: 20px; letter-spacing:1px}
.page .content input[type="text"], .page .content input[type="email"] {
	padding:5px 8px;
	border:1px solid #ddd;
	background-color: #fff;
    color: #000;
	width: 350px!important;
	margin:0!important;
	display: block;
	font-size:13px;
	letter-spacing:1px;
}

.page .entry-content button, .page .entry-content input[type="button"], .page .entry-content input[type="reset"], .page .entry-content input[type="submit"], .page .entry-content .button{color: #5f5f5f; border: none}

/*
* SOCIAL PAGE
* -----------------------------------------------------------------------------
*/
.social-page .site-header {
	margin-top: 0;
}
.social-page .socpage-widgets section {
	width: 50%;
	margin: 0 auto 20px;
}
.social-page .socpage-widgets .menu a {
	display: block;
    padding: 15px;
    margin: 10px 0;
    text-align: center;
    border: none;
    color: #a2a2a2;
    background-color: #fff8f6;
	font-size: 14px;
}
.social-page .socpage-widgets .menu a:hover {
	color: #e1bbb7;
    background-color: #faeeea;	
}
.social-page .autoreadmore {
	color: #ffffff;
	border-bottom: none!important;
	margin: 20px auto!important;
	text-align: center;
}

/*
* BLOG
* -----------------------------------------------------------------------------
*/
.blossom-blog .site-inner .entry-content {
	text-align: center;
}
.blossom-blog .site-inner .share-after {
	display: none;
}


/*
* EXTRA SOSMED
* -----------------------------------------------------------------------------
*/
#socmedicons {
	font-size: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menu #socmedicons {padding-right:20px;}
#socmedicons a {
	color: #5f5f5f;
	display: inline-block;
	line-height: 40px;
	padding: 0 5px;
}
#socmedicons a:hover {
	color:#ffb3b8;
}

/*
* WIDGETS
* -----------------------------------------------------------------------------
*/

.sidebar .widget a {color: #5d5d5d}
.sidebar .widget a:hover {color: #ffb3b8}
/* circle pp */
    .circle-pp {
    display: block;
    text-align: center;
	margin:0 auto;
    }
    .circle-pp img {
    border-radius: 1000px;
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
	width: 260px; height: 260px;
    }
	.about-widget {color: #5f5f5f; font-family: 'Raleway'; font-size: 13px; text-align: center;}
	.about-widget .about-title {font-size: 18px; text-transform: uppercase; letter-spacing: 2px; display: block; margin-top: 15px;}
	.about-p {}


	
.tagcloud a {font-size: 12px!important; border:none; background-color: transparent; padding: 3px 7px; margin: 1px 1px 5px;}
.tagcloud a:hover {background-color: transparent; border:none;}

input, select, textarea, .enews-widget input {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #5f5f5f;
    font-size: 12px;
    padding: 8px 10px;
    width: 100%;
	letter-spacing:1px;
}
textarea {width: 60%}

.sidebar .widget {
	padding: 0 0 25px;
	margin-bottom: 25px;
}

aside .widget-wrap {position: relative}

aside .widget-title,
.footer-widgets .widget-title {
	color: #5f5f5f;
	font-size: 12px;
    letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	position: relative;
	background-color: #fff1ee;
	padding: 10px;
	border: 1px solid #ffffff;
	outline: 5px solid;
	outline-color:#fff1ee;
	margin-bottom: 10px;
}
.widget_categories li, .sidebar .widget_archive li {
	border-bottom: 1px dotted #eaeaea;
	margin-bottom: 1px;
	padding-bottom: 0;
}
.sidebar .widget_archive li a {
	display: block;
	padding: 5px 0;
	text-align: center;
}
.widget_categories li a {
	display: block;
    padding: 3px;
    margin: 3px 0;
    text-align: center;
	background-color:#fff6f4;
	color:#5d5d5d;
}
.widget_categories li a:hover {
	background-color:#fdefec;
	color:#5d5d5d;
}
.archive-pagination ul {
    margin: 15px auto;
    text-align: center;
    width: 100%;
}
.archive-pagination ul li {
    display: inline-block;
    float: none;
    margin: 0 1px;
}
.archive-pagination {
	margin:20px 0 30px; 
	padding:0;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;}


.archive-pagination .active a {background-color: #fff; color: #5f5f5f; border:1px solid #dddddd}
.archive-pagination li a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 13px; 
	background-color: #fff; color: #5f5f5f; border:1px solid #dddddd;
}
.archive-pagination li a:hover {
	background-color: #fff1ee; color: #5f5f5f;
}

.widget_archive .screen-reader-text {display: none}
.archive-description {margin-bottom: 20px;}
.archive-description, .author-box {padding :0}
.archive-description .archive-title {
	font-size: 18px;
	letter-spacing:2px;
	text-align: center;
	color: #5f5f5f;
	padding:8px 0;
	text-transform: uppercase;
}

.search-form {
	overflow: auto;
}
.search-form input[type="search"] {
	padding: 0 5px;
	line-height: 34px;
	font-size: 12px;
	color: #5f5f5f;
	border: none;
	text-align: left;
	width: 82%;
	margin:0 5px 0 0;
	text-transform: inherit;
	border: 1px solid #ddd;
}
.search-form input[type="submit"] {
    background-color: #fff1ee;
    border: 0 none;
    color: #5d5d5d;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0 5px;
	line-height: 36px;
    position: absolute;
    width: 47px!important;
	height: 36px;
	display:inline-block;
	letter-spacing:2px;
	text-transform: uppercase;
	font-weight: 400;
}
 .enews-widget input[type="submit"] {
     background-color: #fff1ee;
    border: none;
    color: #5d5d5d;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0 5px;
	line-height: 36px;
    width: 100%!important;
	height: 36px;
	display:inline-block;
	letter-spacing:2px;
	text-transform: uppercase;
	font-weight: 400;
 }
.search-form input[type="submit"]:hover, .enews-widget input[type="submit"]:hover {
	background-color: #ffb3b8;
	color: #ffffff;
	border:none;
}
.widget_search input[type="submit"] {clip: auto!important;}

.featured-content img{
	opacity: 1.0;
    filter: alpha(opacity=100);
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
	max-width: 100%; height: auto;
}
.featured-content img:hover{
	opacity: 0.5;
    filter: alpha(opacity=40);
}
.featured-content article {margin-bottom: 20px;}
.featured-content .entry-title {margin-bottom:0; font-size: 12px; text-transform: uppercase; letter-spacing:1px; display: block; text-align: center;}

.featured-content .entry-header { padding-top: 5px!important;}

.featuredpost article {border-bottom:none!important; padding-bottom: 10px!important;}
.featuredpost article:last-child {border-bottom:none!important}
.featuredpost article a {margin-bottom: 0!important}
.featuredpost article .entry-header {
	display:  block;
	text-align: left;
}
.featured-content .entry {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.featured-content .entry img.alignnone {margin-bottom:  3px;}

aside .simple-social-icons ul li {
	margin:0 6px 0!important;
}

/* Categories Grid
---------------------------------------------------------------------------- */
body.category .content:before {
	content: '';
	display: table;
}

body.category .social-media-icons,
body.category .comments-link,
body.category .catlinkwrap,
body.category .entry-meta {display: none}
body.category .one-third {
    display: inline-block;
    width: 31.3%;
    margin: 0 1% 4%;
    padding: 0;
    vertical-align: top;
    border-bottom: none;
    text-align: center;
}
body.category .entry-title {font-size: 18px;}
.cat_archive_featimg {text-align: center}
body.category .archive-title {
    letter-spacing: 2px;
	display: block;
	text-align: center;
	position: relative;
}


.layout-kolom {}
.categories-grid .entry-header {
	margin-bottom: 40px;
}

.categories-grid h2.category-title a,
.categories-grid h3.category-title a {
	border-bottom: none;
}

.categories-grid .category-item {
	margin-bottom: 40px;
}

.category .entry-title {
	word-wrap: break-word;
	
}

.categories-grid .category-item p {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*
* FOOTER WIDGETS
* -----------------------------------------------------------------------------
*/
.footer-widgets {
	background-color: #ffffff;
	padding: 50px 0;
	clear: both;
	font-size: 13px;
}
.footer-widgets p {margin-bottom: 15px;}
.footer-widgets  .widget {margin-bottom: 24px;}
.footer-widgets-1,.footer-widgets-2,.footer-widgets-3  {
	width: 33%;
	float: left;
	padding:0 25px;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 3px;
	word-wrap: break-word;
	border-bottom: none;
}

.footer-widgets .search-form {
	width: 100%;
}

/*
* COPYRIGHTS
* -----------------------------------------------------------------------------
*/
.site-footer {padding: 20px 0 20px;  border-top:none;
color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; font-size: 11px;}
.site-footer p {
	float: left;
	width: auto;
	text-align: left;
	display: inline-block;
	margin: 0;
}
.instagramwidget .wrap {max-width: 100%; padding:0}

.creds {
	float: right;
	width: auto;
	text-align: right;
	display: inline-block;
}

.creds {}
.creds a {color:#666;}
.creds a:hover {color:#000000;}

#back-top {
    position: fixed;
    bottom: 20px;
    right : 30px;
    z-index: 9999;
    /*margin-left: -150px;*/
    font-size: 26px;
    }
    
    #back-top a {

    display: block;
    text-decoration: none;
    color: #000000;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    }
	#back-top a span {
		text-indent:-9999px;
		background-image: url(images/arrow-up.png);  /* shows image */
		height:17px;                        /* be sure to set height & width */
		width: 17px;
		white-space: nowrap;  
		display:block;
	}

/*
* SUBSCRIBE
* -----------------------------------------------------------------------------
*/
#subscribe-email, #subscribe-submit {margin: 10px auto;}
#subscribe-email input {
	padding: 10px!important;
	border:1px solid #d7d7d7;
	width: 100%!important;
	margin:0!important;
	display: block;

}
#subscribe-submit input[type=submit] {
	padding: 10px;
	border: none;
	background-color: #000000;
    color: #fff;
	width: 100%!important;
	margin:0!important;
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
}
#subscribe-submit input[type=submit]:hover {
	background-color: #ffb3b8;
	border: none;
}

/* Contact
--------------------------------------------- */
.wpcf7-form textarea {width: 50%}
.site-inner button, input[type="button"], input[type="reset"], input[type="submit"], .button,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"] {
	background-color: #fff1ee!important;
    border: none;
    color: #5f5f5f!important;
    display: block;
    font-size: 13px;
    letter-spacing: 2px;
    margin: 0 !important;
    padding: 5px 8px;
    width: 210px !important;
	text-transform: uppercase;
	font-weight: 300;
	border-radius: 0!important;
	box-shadow: none!important;
}
.site-inner button:hover, input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, .button:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
    background-color: #ffb3b8!important;
    border: none;
    color: #ffffff!important;
    opacity:1!important;
}

div.wpforms-container-full input[type=submit]:hover,
div.wpforms-container-full input[type=submit]:active,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:active,
div.wpforms-container-full .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-page-button:active {
    opacity:1!important;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1160px) {
	.site-inner, .wrap {max-width: 1080px;}
	.content {width: 65%;}
}
@media only screen and (max-width: 1050px) {
	.site-inner, .wrap {max-width: 1080px;}
	.content {width: 63%;}
}
@media only screen and (max-width: 1024px) {
	.site-inner, .wrap {
		max-width: 100%;
		margin: 0 auto;
	}
	.nav-primary {
		max-width:100%;
		margin: 0 auto;
	}
	.content {width: 63%;}
	.sidebar-primary {width: 280px;}
	.sidebar {margin:0 15px 0}
	.sliderpost {width: 100%; padding:0}
	.circle-pp {width: 250px}
	.circle-pp img {width: 250px; height: 250px;}
	.sidebar-content .content article {padding:0}
}
@media only screen and (max-width: 960px) {
	.site-inner,
	.wrap {
		max-width: 880px;
	}
	.content {width: 63%;}
	.sidebar-primary {width: 230px;}
	.circle-pp {width: 200px;}
	.circle-pp img {width: 200px; height: 200px;}
	.header-image .site-title > a {background-position: center top;}

}
@media only screen and (max-width: 880px) {
	.content {width: 60%;}
}

@media only screen and (max-width: 820px) {
	.site-inner, .wrap {
		max-width: 100%;
		margin: 0 auto;
	}
	.content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content {float:none}
	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
		float: none!important;
	}
	.content {padding-right:0; margin:0 auto;}
	aside.sidebar {margin: 40px auto 0; text-align: center;}
	#menu {
		position: relative;
		top: 0!important;
	}
	nav {display: block !important;}
	.nav-primary {
		max-width: 100%;
		margin: 0 auto;
	}
	.content {width: 100%; float:none;}
	.site-inner {padding-top:0}
	.sidebar .widget {padding: 10px;}
	.entry {padding: 0px;}
	.sidebar-primary {width: 100%;}
	.sidebar-secondary {width: 100%;}
	.comments-link {border-right:none}
	.site-header {min-height: auto;}

	.title-area {padding:10px 0}
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
		width: 100%;
		display: block;
	}
	.catlinkwrap {padding-left:0}
	#subscribe-email input,#subscribe-submit input[type="submit"] {width: 95%!important;}
	.entry-footer span {display: block; text-align: left; margin-bottom: 2px;}
	/*#sb_instagram .sbi_item {width:20%!important}*/
	
	.search-form input[type="search"] {width: 200px;}
	
	.menu-toggle {width: 100%;}
	.menu-toggle,
	.sub-menu-toggle {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	visibility: visible;
	}
	.sub-menu-toggle {font-size: 16px!important;}
	button.menu-toggle,
	button.sub-menu-toggle {
	background-color: #fff1ee;
	color: #5f5f5f;
	
	}

	.sub-menu-toggle {
	padding: 0px;
	position: absolute;
	right: 0;
	top: 10px;
	}
	 
	.menu-toggle:after {float: right}
	.menu-toggle:before {
	content: "\2261";
	}
	 
	.menu-toggle.activated:before {
	content: "\2261";
	}
	 
	.sub-menu-toggle:before {
	font: normal normal normal 14px/1 'Font Awesome 5 Free'!important;
	font-weight: bold;
	content: "\f105";
	}
	 
	.sub-menu-toggle.activated:before {
	content: "\f107";
	}
	.genesis-nav-menu li a {line-height: 20px; padding: 6px 0}
	.menu-primary {
	display: none;
	position: relative;
	}
	.genesis-nav-menu li.menu-item-has-children > a:after {content:" "}

	.genesis-nav-menu .menu-item {
	background-color: transparent;
	display: block;
	position: relative;
	text-align: left;

	}
	 
	.genesis-nav-menu .menu-item:hover {
	position: relative;
	}
	 
	.genesis-nav-menu .sub-menu {
	clear: both;
	display: none;
	opacity: 1;
	position: static;
	width: 100%;
	}
	 
	.genesis-nav-menu .sub-menu a {
	border-left: 0;
	position: relative;
	width: auto;
	background: none;
	}
	 
	.genesis-nav-menu .sub-menu .sub-menu {
	margin: 0;
	}
	 
	.genesis-nav-menu .sub-menu .sub-menu a {
	background-color: transparent;
	padding-left: 30px;
	}
	 
	.genesis-nav-menu .sub-menu .sub-menu .sub-menu a {
	background-color: transparent;
	padding-left: 40px;
	}
	 
	.nav-primary a:hover,
	.nav-primary .current-menu-item > a {
	color: #5f5f5f;
	}
	
	.nav-primary .genesis-nav-menu {
		width: 100%;
		margin: 0;
		padding: 0 20px;
	}
	.nav-primary .genesis-nav-menu li {
		display: table;
		margin: 0;
		width: 100%;
	}
	.genesis-nav-menu {font-size: 13px;}
	.genesis-nav-menu li {padding: 5px 0;}
	.nav-primary .genesis-nav-menu .sub-menu {margin-top: 0; margin-left: 0; border-bottom: 0}
	.site-header .sub-menu, .nav-primary .genesis-nav-menu .sub-menu li {border-top: none; border-bottom: none;}
	.nav-primary .genesis-nav-menu .sub-menu li a {padding:0; border: none}
	.genesis-nav-menu .sub-menu a:hover {background:none; color: #ffb3b8!important}
	.nav-primary .genesis-nav-menu .sub-menu li {
		padding: 10px 0 10px 20px;
	}
	.nav-primary .genesis-nav-menu li.menu-item-has-children > a {
		float: left;
		width: 80%;
	}
	.nav-primary .genesis-nav-menu li.menu-item-has-children > button {
		float: right;
	}
	.genesis-nav-menu .widget {float: none;}
	.nav-primary .widget-area {float: none; display:table; width: 100%; text-align: center}
	/* top nav dropdown */
	.sticky-widget .menu{
	display: none;
	position: relative;
	}
	.menu-toggletop {width: 100%;}
	
	.menu-toggletop,
	.sub-menu-toggletop {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	visibility: visible;
	}
	.sub-menu-toggletop {font-size: 16px!important;}
	button.menu-toggletop,
	button.sub-menu-toggletop {
	background-color: #fff;
	color: #000;
	
	}

	.sub-menu-toggletop {
	padding: 0px;
	position: absolute;
	right: 0;
	top: 10px;
	}
	 
	.menu-toggletop:after {float: right}
	.menu-toggletop:before {
	content: "\2261";
	}
	 
	.menu-toggletop.activated:before {
	content: "\2261";
	}
	 
	.sub-menu-toggletop:before {
	content: "\xf175";
	}
	 
	.sub-menu-toggletop.activated:before {
	content: "-";
	}
	.sticky-widget .widget-wrap ul.menu li {
		display: table;
		margin: 0;
		width: 100%;
	}
	
	.sticky-widget ul.menu .menu-item {
	background-color: #fff;
	display: block;
	position: relative;
	text-align: left;
	padding: 0 10px;
	}
	 
	.sticky-widget ul.menu .menu-item:hover {
	position: relative;
	}
	
	.sticky-widget ul.menu .sub-menu {
	clear: both;
	display: none;
	opacity: 1;
	position: static;
	width: 100%;
	}
	 
	.sticky-widget ul.menu .sub-menu a {
	border: 0;
	position: relative;
	width: auto;
	font-size:12px
	}
	 
	.sticky-widget ul.menu .sub-menu .sub-menu {
	margin: 0;
	}
	 
	.sticky-widget ul.menu .sub-menu .sub-menu a {
	background-color: #f5f5f5;
	padding-left: 30px;
	}
	 
	.sticky-widget ul.menu.sub-menu .sub-menu .sub-menu a {
	background-color: #fff;
	padding-left: 40px;
	}
	
	/*end*/
	.comments-link {float: none;}
	.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"], textarea {
		width: 90%;
	}
}

@media only screen and (max-width: 768px) {
	.site-title {font-size: 54px;}
	
}

@media only screen and (max-width: 640px) {
.related-post {
		width: 100%;
		float: none;
		display: block;
	}
	.related-image,
	.related-post-title {
		display: block;
	}
}

@media only screen and (max-width: 480px) {
	.site-title {font-size: 40px; padding-top: 35px;}
	.site-description {padding-bottom: 30px}
	.site-header {padding:25px 10px 5px}
	.slide-excerpt {width: 80%; display:none!important;}
	.slide-excerpt p {display: none}
	html > body .slide-excerpt-border {float: none}
	.slide-excerpt h2 {font-size: 14px;}
	#genesis-responsive-slider .slide-excerpt h2 {margin-top:0}
	
	.social-media-icons {
		float: none; width: 100%;
	}
	.social-media-items {text-align: center}
	.entry-footer {width:100%; margin-top:0}
	.entry-footer span {text-align: center}
	body.category .one-third {
		width: 100%; display: block;
		float: none;
	}
}