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

/* # Table of Contents
- GENESIS
- GENERAL
- LAYOUT
- GUTENBERG
- MENU
- SOSMED MENU
- HOME WIDGET CTA
- HOME BLOG POST
- 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: 'Lora', serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 2em;
	color: #484848;
	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,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
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: #edb0b0;
}

.title-area {padding:5px 0}

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

.site-header { background-color: transparent; min-height: auto; margin-top:0; padding: 90px 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: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 50px;
	letter-spacing: 2px;
	text-align: center;
	margin:0;
}
.site-title a {color: #000;}
.site-description {
	font-family: 'Work sans', sans-serif;
	color: #5f5f5f; 
	text-align: center; 
	font-size: 12px; 
	padding: 7px 0 0; 
	letter-spacing: 3px; 
	margin-bottom: 30px; 
	text-transform: uppercase;
}

blockquote:before {
	font-size: 58px;
}
blockquote p {
	font-size: 2em;
	font-size: 20px;
	font-style: italic;
	line-height: 30px;
}

blockquote cite {
	font-size: 12px;
	font-size: 1.2em;
	font-style: italic;
}

/*
* 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: #fbf4f4;
	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: 'Work Sans', 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: none;
    display: inline-block;
    margin: 0 12px;
	padding: 0;
	text-align: center;
}
.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: #fbf4f4;
	border: none;
	padding: 13px;
	color: #5f5f5f;
}
.genesis-nav-menu .sub-menu a:hover {background-color: #fbf4f4; 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: #edb0b0;
}

.genesis-nav-menu .sub-menu .sub-menu {margin: -42px 0 0 209px}

/*
* SOSMED MENU
* -----------------------------------------------------------------------------
*/
.nav-primary .widget-area {
	margin:0;
	display: inline-block;
	position: fixed;
	left: 0;
}
.genesis-nav-menu .simple-social-icons ul li {
	margin-bottom: 0 !important;
	margin-top: 0.7rem !important;
}

.menu-primary .search {
	float: right;
}
	
.menu-primary .search a.fa-search {
	cursor: pointer;
	z-index: 9999;
}

.search-div {
	display: none;
	position: absolute;
	right: 0;
	width: 280px;
	padding: 12px;
	background: #fbf4f4;
}

.search-div .search-form {
	position: relative;
	overflow: hidden;
}

.search-div .search-form input[type="search"] {
	width: 100%;
	padding: 14px;
	font-size: 12px;
}

.search-div .search-form input[type="submit"] {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 14px;
	margin-bottom: 0;
}
.nav-primary .search-form {
    background: #fff;
}
.nav-primary .search-form input[type="search"] {
    font-size: 12px;
    padding: 10px 12px 10px;
    border-bottom: 0;
    border: 1px solid #eee;
}
.nav-primary .search-form input[type="submit"] {
    right: 10px;
    bottom: 10px;
    font-size: 100% !important;
	padding: 0 10px;
}

/*
* HOME WIDGET CTA
* -----------------------------------------------------------------------------
*/
#home-featured {
	margin: 20px auto 50px;
	padding:0;
}
#home-featured  .widget {
	float: left;
	width: 33.33%;
	margin:0;
	padding:0 10px;
	position: relative;
	display: inline-block;
}
#home-featured  .wrap section:last-child {margin-right:0}

#home-featured  .featured-content article,
#home-featured  .featimg_wrap {
position: relative; 
margin-bottom:0; 
height: 250px; 
overflow: hidden;
}


#home-featured .featured-content img,
#home-featured .featimg_wrap 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: 260px;*/
	object-fit: cover;
}
#home-featured .featured-content img:hover,
#home-featured .featimg_wrap img:hover {
    opacity: 0.5;
	filter: alpha(opacity=40);
}

#home-featured h4 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	position: absolute;
	margin:0;
	width: 70%;
	padding:15px 20px;
	text-align:center;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	z-index: 999;
	background-color: #ffffff;
	opacity:0.9;
	top: 40%;
	left:15%;
	color: #000000;
	display: table-cell;
}

#home-featured .entry-header {
	position: absolute;
	top:0;
}


/*
* HOME BLOG POST
* -----------------------------------------------------------------------------
*/
.home .site-inner,
.rosemary-blog-layout .site-inner {
	padding-top: 10px;
}

.home .site-inner .entry-content,
.rosemary-blog-layout .site-inner .entry-content {
	text-align: left;
}
.home .site-inner .entry-content img,
.rosemary-blog-layout .site-inner .entry-content img,
.archive .site-inner .entry-content img {width: 360px;}
.home .site-inner .entry {
	/*border-bottom: 1px solid #f6f6f6;*/
	margin-bottom: 0;
	padding-bottom: 0;
}
.home .site-inner .share-after,
.rosemary-blog-layout .site-inner .share-after {
	display: none;
}
.home .entry-categories,
.home .entry-title,
.home p.entry-meta,
.rosemary-blog-layout .entry-categories,
.rosemary-blog-layout .entry-title,
.rosemary-blog-layout p.entry-meta,
.archive p.entry-meta,
.search p.entry-meta {
	text-align: left!important;
}
.home .entry-content a.more-link,
.home .site-inner .autoreadmore,
.rosemary-blog-layout .entry-content a.more-link,
.rosemary-blog-layout .site-inner .autoreadmore {
	display: table;
	margin: 10px 0;
}

/*
* CONTENT
* -----------------------------------------------------------------------------
*/
.site-inner {padding-top: 0}
.type-page {border-bottom: none!important}
.entry-header {text-align: center; position: relative; margin-bottom: 0;}
.entry-title {font-size:22px; letter-spacing:2px; margin-bottom: 5px; color: #000000; text-transform: uppercase;}

p.entry-meta {    
	font-size: 11px;
	font-size: 1.1rem;
	font-family:  Work Sans, serif;
}
p.entry-meta,
.entry-header p.entry-meta time,
.home p.entry-meta,
.rosemary-blog-layout p.entry-meta {
    color: #aeaeae;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}
.entry-header .entry-meta {margin-bottom: 0}
.entry-author {display: none; }
.post-edit-link {display: none;}
.content .entry {padding: 0 0 5px; margin-bottom:0; background-color: #ffffff;}
.entry-title a {color: #000000;}
.entry-title a:hover {color: #000000;}
.wp-caption-text {font-size: 12px;color: #aeaeae; font-weight: 400; font-style: italic}
.entry-content p {margin-bottom: 20px;}
.entry-content p a {color: #edb0b0;}
.entry-content p a:hover {color: #edb0b0; border-bottom:1px solid #edb0b0}
.entry-content ol, .entry-content ul {font-size: 13px;}
.entry-content a.more-link {
	display: table;
	width: 130px;
	text-align: center;
	text-transform: uppercase;
	padding: 4px 2px;
	background-color: #fbf4f4;
	color: #5f5f5f;
	margin:  10px 0;
	border:none;
	font-family: "Work Sans";
	font-size: 11px;
	letter-spacing: 2px;
}
.entry-content a.more-link:hover {
	background-color: #edb0b0;
	color:#ffffff;
	border:none;
}

.entry-content p a.autoreadmore {
	display: table;
	width: 130px;
	text-align: center;
	text-transform: uppercase;
	padding: 4px 2px;
	background-color: #fbf4f4;
	color: #5f5f5f;
	margin:  10px 0;
	border:none;
	font-family: "Work Sans";
	font-size: 11px;
	letter-spacing: 2px;
}
.entry-content p a.autoreadmore:hover {
	background-color: #edb0b0;
	color:#ffffff;
	border:none;
}

.singular-image {margin: 15px auto; display: block;}

/* 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: #edb0b0;}

.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; 
	font-style: italic; letter-spacing: 2px;}
.entry-categories a, .entry-categories a, .entry-tags a {color: #facfcf;}
.entry-categories a:hover, .entry-categories a:hover, .entry-tags a:hover {color: #edb0b0;}
.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 #f6f6f6;
	border-bottom:1px solid #f6f6f6;
	padding: 15px 0;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}
.prevnext-post a {color: #484848;}
.prevnext-post a:hover {color: #edb0b0;}
.prevnext-post .previous {
	float: left;
	text-align: left;
	width: auto;
}
.prevnext-post .next {
	float: right;
	text-align: right;
	width: auto;
}

/* SHOP THE LOOK
------------------------------------------------------------ */
#shopthelook {overflow: auto; position: relative; margin: 0 auto; width: 100%;}
.stl_title {
	margin-top: 55px;
	font-family: Oswald;
	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;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.related-image img:hover {
	opacity: 0.8;
}
.related-post a {
	color: inherit;
}
.related-post a:hover {
	color: #edb0b0;
}
.related-post-title {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}

/*
* COMMENT
* -----------------------------------------------------------------------------
*/
.comment {border:none; font-size: 13px;}
.comment .avatar {display: none}
.comment .comment-author, .comment .comment-meta {display: inline-block;}
.comment-respond, .entry-comments, .entry-pings {margin-bottom: 40px;}
li.comment .children {padding:0 0 0 40px;}
.comment .comment-header {
	font-family: Work Sans;
	font-size: 11px;
	letter-spacing: 1px;
}
.comment .says {display: none}
.comment-author-name {text-transform: uppercase;}
.comment-list article {
	background-color: #f6f6f6;
	padding: 2em;
}
li.comment .comment-reply {
	margin: 0; 
	font-family: Work Sans; 
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
li.comment .comment-reply a {
	color:#484848; 
	background-color:#ffffff;
	padding: 0.5em;
}
li.comment .comment-reply a:hover {color:#ffffff; background-color:#000000}


.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;
}

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-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: #fbf4f4;
    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: #edb0b0;
	color: #ffffff;
}

/*
* PAGE
* -----------------------------------------------------------------------------
*/
.page .entry-title {font-size: 22px; margin-bottom: 20px; letter-spacing:1px; text-align: center;}
.page .content input[type="text"], .page .content input[type="email"] {
	padding:10px 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: #5f5f5f;
    background-color: #fbf4f4;
	font-size: 13px;
	font-family: Work Sans;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.social-page .socpage-widgets .menu a:hover {
	color: #ffffff;
    background-color: #edb0b0;	
}
.social-page .autoreadmore {
	color: #ffffff;
	border-bottom: none!important;
	margin: 20px auto!important;
	text-align: center;
}
.social-page .site-header {padding: 25px 0;}

/*
* 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:#edb0b0;
}

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

.sidebar .widget a {color: #5d5d5d}
.sidebar .widget a:hover {color: #edb0b0}
/* 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-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: 10px 10px;
    width: 100%;
	letter-spacing:1px;
}
textarea {width: 60%}

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

.sidebar li {text-align: center}
aside .widget-wrap {position: relative}

aside .widget-title,
.footer-widgets .widget-title {
	color: #000000;
	font-size: 14px;
    letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
}
aside .widget-title:after,
.footer-widgets .widget-title:after {
	width: 35px;
	content: '';
	display: block;
	margin: 0 auto;
	border-bottom: 1px solid #000;
	padding: 7px 0;
}

.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;
	color:#5d5d5d;
	font-style: italic;
}
.widget_categories li a:hover {
	background-color:#fdefec;
	color:#5d5d5d;
}
.archive-pagination ul {
    margin: 15px auto;
    text-align: center;
    width: 100%;
	font-family: Work Sans;
}
.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: #fbf4f4; color: #5f5f5f;
}

.widget_archive .screen-reader-text {display: none}
.archive-description {margin-bottom: 20px;}
.archive-description, .author-box {padding :0}
.archive-description .archive-title {
	letter-spacing:2px;
	text-align: center;
	color: #484848;
	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 #eee;
}
.search-form input[type="submit"] {
    background-color: #fbf4f4;
    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: #fbf4f4;
    border: none;
    color: #5d5d5d;
    font-size: 11px;
    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: #edb0b0;
	color: #ffffff;
	border:none;
}
.widget_search input[type="submit"] {clip: auto!important;}

.search-results .page .entry-title {text-align: left}

.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: 10px; 
	font-size: 12px; 
	text-transform: uppercase; 
	letter-spacing:1px; 
	display: block; 
	text-align: center!important;}

.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: center!important;
}

.featured-content .entry {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 15px!important;
}
.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: 14px;}
.cat_archive_featimg {text-align: center}
body.category .archive-title {
	color: #5f5f5f;
    letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	position: relative;
	font-size: 14px;
}


.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;
	text-align: center;
}

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

/*
* COPYRIGHTS
* -----------------------------------------------------------------------------
*/


.instagramwidget .wrap {max-width: 100%; padding:0}

.site-footer .wrap{max-width: 1120px; padding:0}

.site-footer {
	padding: 20px 0 20px; 
	border-top:none;
	overflow: none;
	color:#666; 
	text-transform: uppercase; 
	letter-spacing: 3px; 
	font-size: 11px;
	font-family: 'Work Sans', sans-serif;
}

.site-footer a {color:#666;}
.site-footer a:hover {color:#000000;}

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

.site-footer p {
	float: left;
	width: auto;
	text-align: left;
	display: inline-block;
}

#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: #edb0b0;
	border: none;
}

/* Contact
--------------------------------------------- */
.wpcf7-form textarea {width: 50%}
.site-inner button, input[type="button"], input[type="reset"], input[type="submit"], .button {
	background-color: #fbf4f4;
    border: none;
    color: #5f5f5f!important;
    display: block;
    font-size: 13px;
    letter-spacing: 2px;
    margin: 0 !important;
    padding: 10px 8px;
    width: 210px !important;
	text-transform: uppercase;
	font-weight: 300;
}
.site-inner button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {
    background-color: #edb0b0;
    border: none;
    color: #ffffff!important;
}


/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1160px) {
	.site-inner, .wrap {max-width: 1080px;}
	.content {width: 65%;}
	.site-footer {padding: 10px 20px 0;}
}

@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-header {padding-top: 50px;}
	.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;}

	.home .site-inner .entry-content img,
	.rosemary-blog-layout .site-inner .entry-content img,
	.archive .site-inner .entry-content img {width: 300px;}

	/* activate menu */
	#menu {
		position: relative;
		top: 0!important;
	}
	nav {display: block !important;}
	.nav-primary {
		max-width: 100%;
		margin: 0 auto;
	}
	.search-form input[type="search"] {width: 200px;}
	.nav-primary .widget-area {position: relative;}
	.nav-primary .genesis-nav-menu li.search {display: none}
	.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: #fbf4f4;
	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%;
		text-align: center;
	}
	.genesis-nav-menu {font-size: 12px;}
	.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: #edb0b0!important}
	.nav-primary .genesis-nav-menu .sub-menu li {
		padding: 10px 0;
	}
	.nav-primary .genesis-nav-menu li.menu-item-has-children > a {
		float: left;
		width: 100%;
	}
	.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: "-";
	}
	
	/*end menu */

}
@media only screen and (max-width: 880px) {
	.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;}
	
	.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}

	.social-page .socpage-widgets section {
		width: 100%;
	}
}

@media only screen and (max-width: 820px) {
	
	#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}*/
	
	
	
	/*end*/
	.comments-link {float: none;}
	.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"], textarea {
		width: 90%;
	}

	.creds,
	.site-footer p {
		float: none;
		display: block;
		text-align: center;
		padding: 5px 0;
	}
}

@media only screen and (max-width: 768px) {
	.site-title {font-size: 54px;}
	#home-featured .widget {
		width: 100%;
		float: none;
		display: block;
	}

	body.category .one-third {
	    width: 100%;
	    display: block;
	    float: none;
	    max-height: none;
	}
	
}

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

	.home .site-inner .entry .entry-content img.alignleft,
	.rosemary-blog-layout .site-inner .entry .entry-content img.alignleft,
	.archive .site-inner .entry .entry-content img.alignleft {
	    float: none;
	    text-align: center;
	    padding:0 ;
	}
	.home .site-inner .entry .entry-content img,
	.rosemary-blog-layout .site-inner .entry .entry-content img,
	.archive .site-inner .entry .entry-content img  {
		width: 100%!important;
	}
	.home p.entry-meta,
	.rosemary-blog-layout p.entry-meta,
	.archive p.entry-meta {padding: 0}

	.home .entry-categories, .home .entry-title, .home p.entry-meta, 
	.rosemary-blog-layout .entry-categories, .rosemary-blog-layout .entry-title, .rosemary-blog-layout p.entry-meta, 
	.archive p.entry-meta, .search p.entry-meta,
	.archive .entry-categories, .archive .entry-title, .archive p.entry-meta, .archive p.entry-meta {
		text-align: center!important;
	}
	.home .entry-content a.more-link,
	.rosemary-blog-layout .entry-content a.more-link,
	.archive .entry-content a.more-link {margin: 10px auto;}
}

@media only screen and (max-width: 480px) {
	.site-title {font-size: 40px; padding-top: 5px;}
	.site-description {padding-bottom: 0; margin-bottom: 0}
	.site-header {padding:20px 0}
	.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}
}