@charset "UTF-8";
/*
Theme Name: Colorfully BEHR
Theme URI: 
Author: BC Design Haus
Author URI: https://bcdesignhaus.com
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Colorfully BEHR is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*###################################
# Fonts
###################################*/
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/gotham/Gotham-Light.eot'); 
    src: url('assets/fonts/gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Light.woff2') format('woff2'), url('assets/fonts/gotham/Gotham-Light.woff') format('woff'), url('assets/fonts/gotham/Gotham-Light.ttf')  format('truetype'), url('assets/fonts/gotham/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
}

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/gotham/Gotham-Book.eot'); 
    src: url('assets/fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Book.woff2') format('woff2'), url('assets/fonts/gotham/Gotham-Book.woff') format('woff'), url('assets/fonts/gotham/Gotham-Book.ttf')  format('truetype'), url('assets/fonts/gotham/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: 400;
}

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/gotham/Gotham-Medium.eot'); 
    src: url('assets/fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Medium.woff2') format('woff2'), url('assets/fonts/gotham/Gotham-Medium.woff') format('woff'), url('assets/fonts/gotham/Gotham-Medium.ttf')  format('truetype'), url('assets/fonts/gotham/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
}

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/gotham/Gotham-Bold.eot'); 
    src: url('assets/fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Bold.woff2') format('woff2'), url('assets/fonts/gotham/Gotham-Bold.woff') format('woff'), url('assets/fonts/gotham/Gotham-Bold.ttf')  format('truetype'), url('assets/fonts/gotham/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 700;
}

@font-face {
    font-family: 'Shopping Font Script';
    src: url('assets/fonts/shopping-font-script/ShoppingFontScript.eot'); 
    src: url('assets/fonts/shopping-font-script/ShoppingFontScript.eot?#iefix') format('embedded-opentype'), url('assets/fonts/shopping-font-script/ShoppingFontScript.woff2') format('woff2'), url('assets/fonts/shopping-font-script/ShoppingFontScript.woff') format('woff'), url('assets/fonts/shopping-font-script/ShoppingFontScript.ttf')  format('truetype'), url('assets/fonts/shopping-font-script/ShoppingFontScript.svg#Gotham-Bold') format('svg');
    font-weight: 400;
}

/*###################################
# Animation
###################################*/
@-webkit-keyframes rotating {
  from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotating {
  from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

i.fa-spinner {-webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; }

/*###################################
# General Styles
###################################*/
html {font-size: 1em; /* 16px */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
body {font-family: "Gotham", sans-serif; margin: 0 auto; width: 100%; min-width: 320px; overflow: hidden!important;}
body.modal-open[style] {padding-right: 0!important;}
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: 1px dashed red;}
img {transition: all ease 0.5s;}
p {margin-bottom: 20px;}
p a, p a:visited {color: #C25247;}
p, li {font-size: 1em; color: #5F5A59; line-height: 1.3;}
h1, h2, h3, h4, h5 {line-height: 1.2; margin-bottom: 20px; font-weight: 500; color: #5F5A59;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, p, li  {margin-top: 0;}

h1 {font-size: 2.250em; /*36px 2.250 em*/ font-weight: 700; margin-bottom: 30px;}
h2 {font-size: 1.750em; /*28px 1.750em*/ font-weight: 700; margin-bottom: 30px;}
h3 {font-size: 1.250em; /*20px 1.250em*/}
h4 {font-size: 1em; /*16px 1em*/}
h5 {font-size: 0.875em; /*14px 0.875em*/color: #C25247; letter-spacing: 1px;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {max-width: 1100px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.row {max-width: 100%; margin: 0 auto;}
.clearfix {clear: both;}

.dwn {display: block;}
.cursive {font-family: "Shopping Font Script", sans-serif;}

.sectionLined {position: relative; padding-bottom: 50px; margin-bottom: 20px;}
.sectionLined:before {height: 1px; width: 100%; max-width: 500px; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #DFDBD8; content: ''; position: absolute;}

.textCenter {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}

.firstTitle h1, .firstTitle h2 {font-size: 1.625em; font-weight: 500; line-height: 1.2; text-transform: uppercase;}
.firstTitle h1 .cursive, .firstTitle h2 .cursive {font-size: 6.250em; position: relative; bottom: -10px; text-transform: capitalize;}
.infoRow .firstTitle h2 .cursive{font-size:4em;}
.linedTitle {position: relative; display: block; width: 100%; text-align: center; margin-bottom: 10px;}
.linedTitle:before {background: #5F5B58; width: 100%; height: 1px; top: 60%; transform: translateY(-50%); content: ""; position: absolute; left: 0; right: 0; margin: 0 auto;}
.linedTitle h1, .linedTitle h2 {font-size: 14px!important; background: #fff; padding: 0 20px!important; display: inline-block; position: relative; z-index: 10; margin-bottom: 0;}
.linedTitle h1 .cursive, .linedTitle h2 .cursive {font-size: 3.500em!important; bottom: -5px!important;}

/*###################################
## Forms
###################################*/
.ctc-form {text-align: center;}
.ctc-form p {margin-bottom: 0;}
.ctc-form .unsubsribe {margin-top: 15px;}
.ctc-form .unsubsribe a:hover {color: red;text-shadow: 0px 0px 4px #fff;}
.ctc-form label {font-weight: 400;} 
.ctc-form textarea {max-height: 160px;}
.ctc-form textarea, .ctc-form input {font-family: "Arial";}
.ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px; border: 1px solid #5F5B58;}
.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;}
.ctc-form input[type="submit"], .comment-form input[type="submit"] {color: #fff !important; background: #C25247!important; border: 1px solid #C25247; border-radius: 0!important; font-weight: 700; padding: 5px 30px;}
.ctc-form input[type="submit"]:hover{color: #C25247 !important;background: #fff !important;}
.ctc-form input[type="submit"]:hover, .comment-form input[type="submit"]:hover, .bnbtn a:hover {} 
.ctc-form .form-control {border-radius: 0; margin-bottom: 15px;}
.ctc-hide, .subForm label, .subForm br {display: none;}
.ctc-half {width: calc(50% - 7.5px); vertical-align: top;}
.ctc-half-right {margin-left: 15px;}
.ctc-flex {display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; position: relative;}
.ctc-flex .ctc-btn {position: absolute; right: 0; margin-right: -73px;}
.ctc-text {line-height: 1; font-size: 14px; width: 65%;}

.wpcf7-response-output {text-align: center; background: #fff;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 0;}

.subForm form {display: flex; width: 100%;margin:0 auto;}
.subForm input {background: rgba(255,255,255,0.8); border-radius: 0!important; border: none!important; width: 100%;}
.subForm input[type="submit"] {padding: 5px 10px; text-transform: uppercase; font-size: 0.875em; margin-left: 10px; width: 135px;}

/*###################################
## Buttons
###################################*/
.btn, .subs-page input[type="submit"] {font-size: 0.875em; font-weight: 700; color: #fff !important; background: #B18E47; border: 1px solid #B18E47; border-radius: 0; padding: 12px 25px 10px; display: inline-block; position: relative; z-index: 10; transition: all ease 0.5s;    vertical-align: middle;}
.btn:hover, .subs-page input[type="submit"]:hover {color:#B18E47 !important; background: #fff;}
.btnWhite {background: #fff; color: #5F5B59!important;}
.btnWhite:hover {background: #B18E47; color: #fff!important;}
.btnLine, #news .postSingle .btn {padding: 0!important; background: none; color: #C25247!important; font-weight: 500; text-decoration: underline!important; border: none;}
.btnLine:hover, #news .postSingle .btn:hover {color: #5F5B59!important; background: none!important;}
.btn.scwd_loadmore {cursor: pointer; display: block; width: 145px; text-align: center; margin: 0 auto;}
.bnbtn a {transition: all ease 0.5s!important;}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0;}
.main-navigation li {float: none; display: inline-block; position: relative; margin: 0 30px;}
.main-navigation li:first-of-type, .top-navigation li:first-of-type, .social-navigation li:first-of-type, .footer-navigation li:first-of-type, .hdTopRight > div:first-of-type {margin-left: 0;}
.main-navigation li:last-of-type, .top-navigation li:last-of-type, .social-navigation li:last-of-type, .footer-navigation li:last-of-type, .hdTopRight > div:last-of-type {margin-right: 0;}
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation a {font-size: 0.938em; font-weight: 500; color: #5F5A59; display: block; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {color: #C25247;}

/*Sub Menu*/
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #fff; background: rgba(222,113,98,0.8)!important;}

/*Header Menu*/
.top-navigation ul {margin: 0; padding: 0; text-align: center;}
.top-navigation li {display: inline-block; float: none; margin: 0 10px;}
.top-navigation li a {font-size: 0.688em; font-weight: 500; text-transform: uppercase; color: #808385; display: block;}
.top-navigation a:hover, .top-navigation .current_page_item a, .top-navigation .current-menu-item a {color: #C25247;}

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; text-align: center;}
.footer-navigation li {display: inline-block; float: none; margin: 0 15px;}
.footer-navigation li a {font-size: 0.688em; font-weight: 500; text-transform: uppercase; color: #fff; display: block;}
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {color: #5F5A59;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 5px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation a {font-size: 0.813em; color: #C25247; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #fff; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {background: #cccccc; /*transform: scale(1.2);*/}
.shareCircle .addtoany_list > a > span[style] {background: #C2A56B!important; border-radius: 50%!important; height: 22px!important; width: 22px!important;}
.shareCircle .addtoany_list > a > span path {fill: #fff!important;}

/*###################################
## Header
###################################*/
.hdTop {background: #DFDBD8; padding: 10px 0;}
.hdTop .row, .hdBot .row {display: flex; justify-content: space-between; align-items: center; max-width: 1160px;}
.hdSocial .social-navigation li {margin: 0 2px;}
.hdSocial .social-navigation a {font-size: 0.625em; color: #808385;}
.hdSocial .social-navigation a:before {width: 15px!important; height: 15px!important; line-height: 15px!important; background: none; box-shadow: none!important;}
.hdSocial .social-navigation a:hover:before {color: #C25247;}
.hdBtn .btn {font-size: 0.750em; font-weight: 400; border: 1px solid #808285; color: #808385!important; padding: 5px 10px; background: none;}
.hdBtn .btn:hover {background: #5F5A59; color: #fff!important;}
.hdSearch {padding-top: 5px; position: relative;}
.hdSearch i {font-size: 1.250em; color: #808385; cursor: pointer; transition: all ease 0.5s;}
.hdSearch i:hover {color: #C25247;}
.hdSearchForm {position: absolute; right: 0; top: 100%; z-index: 999; display: none;}
.hdSearchForm .search-form {margin-bottom: 0; box-shadow: 10px 10px 10px #BEBAB8;}
.hdTopRight {display: flex;}
.hdTopRight > div {margin: 0 10px;}
.hdBot {background: #fff; padding: 10px 0; position: relative;} 
.hdBot .custom-logo {width: 100%; max-width: 270px;}
.hdBotLeft {padding-top: 10px;}
.sticky#page {margin-top: 120px;}
.sticky#masthead {position: fixed; top: 0; width: 100%; box-shadow: 0 0 10px #333; z-index: 9999;}
.sticky .hdBot, .sticky .hdTop {padding: 5px 0;}
.sticky .hdBot .custom-logo {max-width: 160px;}

/*subscribe section*/
#post-17894 .subForm form{width: 400px;margin: 0 auto;}
#post-20097 .subForm form{width: 400px;margin: 41px auto;}
#post-20097 .subForm input{border: 1px solid #5F5B58 !important;}
#post-17894 .subForm form input{background:#dfdbd8;}
.page-id-17894.inner #content{min-height:300px;}
.page-id-17894 .subForm form {margin: 41px auto !important;}
.page-id-20097 h1 {display: none;}
.page-id-20097 .entry-content h2{font-family: "Gotham"; text-transform: capitalize; font-size: 2.250em; text-transform: uppercase;} 

.page-id-20097 #s2email {min-width: 255px;}

.ctc-form .unsubsribe a {text-decoration: underline !important;}

/*###################################
## Banner
###################################*/
#banner h1 {text-align: center; margin-bottom: 0;}
#banner, #banner .row {position: relative;}
#banner .nextend-arrow {width: 35px!important; height: 35px!important; padding: 0!important;}
.bnAbsol > .container {max-width: 100%; padding: 0;}
.bnAbsol .bnImage {margin-bottom: 40px;}
.bnAbsol .bnImage img {width: 100%; display: block; object-fit: cover; max-height: 430px; min-height: 220px; height: 25vw;}
.bnAbsol .entry-header {top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; position: absolute; max-width: 1200px; display: block; text-align: center; padding: 0 15px; box-sizing: border-box;}
.bnAbsol h1 {letter-spacing: 4px; text-transform: uppercase; background: rgba(255,255,255,0.8); padding: 15px 50px; display: inline-block; margin-bottom: 0;}
.bnContent {padding-bottom: 20px /*60px*/; position: relative;}
.bnContent p {font-size: 1.313em;}

/*###################################
## Content
###################################*/
/*new*/
#news {background: #fff; padding: 30px 0 100px;}
#news h2 {margin-bottom: 40px;}
#news .postList {margin-bottom: 60px;}

/*ask*/
/* #ask {background: #DE7162;} also switched all #DE7162, #DE7062 and #DF7263 to #C25247*/
#ask {background: #C25247;}
#ask h2 {margin-bottom: 0;}
.askLeft {overflow: hidden;}
.askLeft:hover img {transform: scale(1.1);}
.askLeft img {display: block; width: 100%!important; transition: all ease 2s; object-fit: cover; min-height: 300px;}
.askRight {max-width: 440px; margin-left: 2.5vw; margin-right: auto;}
.askRight p {font-size: 1.125em;}
.askRight p:first-of-type {margin-bottom: 0;}
.askRight .btn {background: #fff; border-color: #FFF; color: #C25247 !important;}
.askRight .btn:hover{background: #C25247; color: #FFF !important;}   
#ask .image, #ask .image .so-panel, #ask .askLeft, #ask .askLeft .so-widget-sow-image, #ask .askLeft .sow-image-container {height: 100%;}
#ask .askLeft .sow-image-container img {height: 100%; object-fit: cover;}

/*gallery*/
#gallery {padding: 50px 0 100px;}
#gallery .firstTitle h2 {margin-bottom: 10px; position: relative; line-height: 1.4;}
#gallery .firstTitle h2:before {background: #5F5B58; width: 100%; height: 1px; top: 60%; transform: translateY(-50%); content: ""; position: absolute; left: 0; right: 0; margin: 0 auto;}
#gallery .firstTitle .cursive {font-size: 3.750em; padding: 0 30px; background: #fff; position: relative; z-index: 10;}
#gallery img:hover {filter: brightness(120%);}
#gallery iframe {width: 100%!important;}
.galBox {border-bottom: 1px solid #5F5B58; padding-bottom: 30px;}

/*information*/
#info {margin: 130px auto 50px; padding: 60px; background: #DFDBD8;}
#info h2 {border-bottom: 1px solid #5F5B58;}
.infoType {background: #fff; padding: 10px 35px 35px; box-shadow: 10px 10px 10px #BEBAB8;}
.infoType h3 {font-size: 1.750em; font-weight: 700; margin-bottom: 20px; height: 60px;}
.infoType img {width: 100%!important;}

/*###################################
## Footer
###################################*/
.site-footer .container {max-width: 100%; padding: 0;}
.site-footer .row {display: flex; flex-wrap: wrap; align-items: stretch;}
.site-footer *, #ask * {color: #fff;}
.ftLeft, .ftRight {text-align: center;}
.ftLeft {width: calc(42% - 10px); margin-right: 10px; background: url(assets/images/ftBg.jpg)no-repeat center center; background-size: cover; padding: 10px 15px 30px;}
.ftLeft h2 {margin-bottom: 15px;}
.ftLeft h2 .cursive {font-weight: 400;}
.ftLeftBox {max-width: 345px; margin-left: auto; margin-right: auto; height: 100%;}
.ftRight {width: 58%; background: #C25247; padding: 50px 15px 20px;}
.ftRightBox {max-width: 620px; margin-left: auto; margin-right: auto; height: 100%;}
.ftLogo img {width: 90%; max-width: 300px!important;}
.ftNav {margin-bottom: 20px;}
.ftSocial {margin-bottom: 30px;}
.ftCopy {text-align: center;}
.ftCopy p, .ftCopy a {margin-bottom: 0; color: #fff; font-size: 0.8em;}
.ftCopy a{font-size:0.9em;}
/*###################################
## Sidebar
###################################*/
#primary.sideMain {float:left; width: 68%; max-width: 710px;}
#secondary {float:right; width: 30%; max-width: 220px; box-sizing: border-box;}
#secondary > .widget {margin-bottom: 30px!important; background: #EEEDEB;}
#secondary .widget ul li {font-size: 0.8em; font-weight: 700; color: #5F5B59; margin: 0 0 10px; padding: 0; letter-spacing: 1px; border-top: none;}
#secondary .widget ul li a:hover {text-decoration: underline!important;}
#secondary .widget ul.trendList > li {text-transform: uppercase; color: #C25247; line-height: 1.1; border-top: none; border-bottom: 1px solid #fff; padding: 0 0 5px; margin-bottom: 15px;}
#secondary .widget ul.trendList > li:last-of-type {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#secondary .widget ul.trendList > li li {padding: 0; text-transform: capitalize;}
#secondary h2.widget-title {font-size: 0.750em; font-weight: 700; letter-spacing: 1px; color: #808385; background: #DFDBD8; padding: 5px; margin-bottom: 0!important; text-align: center;}
#secondary .btnLine {margin-bottom: 10px;}
#secondary .pinterest_rss_widget {background: #fff;}
#secondary .pinterest_rss_widget h2 {font-size: 3.750em; font-weight: 400; font-family: "Shopping Font Script", sans-serif; text-transform: capitalize; background: none; padding: 0;}
#secondary .pinterest_rss_widget li {padding: 0!important; margin: 5px!important; width: calc(33.33% - 10px)!important;}
#secondary .pins-feed-list {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -5px!important; padding: 0;}
#secondary .pins-feed-list img {object-fit: cover; border: 1px solid #ddd; width: 100%!important;}
#secondary .pins-feed-list img:hover {filter: brightness(120%);}
#secondary .pins-feed-list .nailthumb-container {width: 100%!important;}
.sideMain figure {margin: 0 0 20px;}
.sideMain figure img {width: 100%;}
.sideMain .entry-content h1, .sideMain .entry-content h2 {margin-bottom: 15px;}
.sideMain .entry-content h3, .sideMain .entry-content h4, .sideMain .entry-content h5 {margin-bottom: 10px;}
.sideList .postSingle {padding: 0; box-shadow: none; background: none;}
.sideList .postImage {margin-bottom: 0;}
.sideList .postImage img {max-height: 200px;}
.sideList .postVideo iframe {max-height: 150px;}
.sideList .postCategory, .sideList .postTitle {margin-bottom: 0!important; font-size: 0.625em; font-weight: 700;}
.sideList .postCategory {height: 14px; text-decoration: none!important;}
.sideList .postTitle {height: 26px;}
.sideHero {background: #fff;}
.sideHero .postSingle {margin-bottom: 0;}
.sideHero .postBody {display: flex; flex-direction: column;}
.sideHero .postImage {order: -1; margin-bottom: 5px;}
.sideHero .postTitle {font-size: 0.9em; color: inherit; margin-bottom: 0; line-height: 1; max-height: 35px; height: auto;}
.sideHero .postTitleBox {padding: 10px; height: auto; text-align: center; text-transform: uppercase;}
.sideInfo, #secondary ul {padding: 15px;}
.sideInfo .postSingle {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff;}
.sideInfo .postSingle:last-of-type {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.sideInfo .postTitle {text-transform: capitalize;}
.sideInspire {padding: 20px 15px; text-align: center;}
.sideInspire * {color: #fff;}
.sideInspire h2 {font-size: 1em; color: #fff;}
.sideInspire h2 .cursive {font-size: 3.750em;}
.sideInspire .subForm form {flex-direction: column;}
.sideInspire .subForm input[type="submit"] {margin-left: 0; margin-top: 10px;}

/*###################################
## Inner Pages
###################################*/
.inner .hdBot:before, .bnContent:before {width: 100%; max-width: 940px; height: 1px; background: #DFDBD8; margin: 0 auto; left: 0; right: 0; bottom: 0; position: absolute; content: "";}
.inner #content {background: #fff; text-align: left; min-height: 600px; padding: 40px 0;}

/* contact */
.inContactForm {max-width: 850px; margin: 0 auto;}
.inFormBox p {font-size: 1.313em;}
.inFormBox p a:hover {color: #C25247;}

/* about */
.inAbt {padding-top: 40px;}
.inAbt, .inAsk {padding-bottom: 60px;}
.inAbt h2 {margin-bottom: 10px;}

/* ask */
.inAskForm {border-bottom: 1px solid #5F5B58;}
.inAskForm p:first-of-type {margin-bottom: 0;}

/* post */
.postSingle {box-sizing: border-box; padding: 15px; background: #fff; box-shadow: 0 0 10px #D9D9D9; margin-bottom: 15px; position: relative; transition: all ease 0.5s;}
.postSingle:hover {box-shadow: 10px 10px 10px #D9D9D9;}
.postTitle {text-transform: uppercase; height: 48px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; margin-bottom: 5px;}
.postCategory {text-transform: uppercase; height: 18px; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; margin-bottom: 5px;}
.postDesc {height: 80px; margin-bottom: 5px;}
.postDesc p {height: 80px; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.postBtn {margin-bottom: 20px;}
.postDate, .postComment {font-size: 0.875em;}
.postImage {margin-bottom: 30px; background: #DFDBD8;}
.postImage img {width: 100%; height: 26vw; max-height: 320px; min-height:180px; object-fit: cover; display: block;}
.postImage img:hover {filter: brightness(120%);}
.postVideo iframe {display: block; width: 100%; height: 24vw; max-height: 320px; min-height:180px;}
.postInfo {border: 1px solid #5F5B58; border-left: none; border-right: none; display: flex; justify-content: space-between; align-items: center;}
.postInfo .postShare a {padding: 0!important;}
.postDiy {background: #EEEDEB; padding: 20px; margin-bottom: 20px;}
.postDiyTop {display: flex; justify-content: flex-start; text-align: center; flex-wrap: wrap;}
.postDiyBudget{display:none;}
.postDiyTop > * {width: 50%/*33.33%*/;}
.postDiyBot {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; margin-top: 20px;}
.postDiyBot > * {width: 50%; box-sizing: border-box;}
.postDiyBot ul {margin-left: 30px; margin-bottom: 0;}
.postDiyBot li {margin-bottom: 5px; line-height: 1.2;}
.postDiyBot h4 {margin-bottom: 10px;}
.postDiyShop {border-right: 1px solid #5F5A59; padding-right: 15px;}
.postDiyTool {padding-left: 15px;}
.postShop {display: flex; justify-content: space-between; align-items: center; max-width: 630px; margin-bottom: 20px;}
.postShop > div {width: calc(50% - 10px);}
.postShopImage {margin-bottom: 0!important;}
.postShopImage img {max-height: 295px;}
.postShopName {font-size: 1.750em; color: #D47263; text-decoration: underline; margin-bottom: 10px;}
.postShopDesc p {margin-bottom: 5px;}
.postShopPrice {font-size: 1em; font-weight: 700; color: #5F5B59;}
.postRating, .postDiyTop h4 {margin-bottom: 0;}
.postRating i {color: #5F5A59;}
.postRating i.active {color: #C25247;}
.postAvatar {width: 70px; position: absolute; left: 0; bottom: 0; z-index: 100;}
.postAvatar img {width: 100%; border: 4px solid #fff; border-radius: 50%; display: block; box-shadow: 0 5px 5px #D9D9D9;}
.postFilter {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; margin-bottom: 30px;}
.postFilter select {text-transform: capitalize;}
.postFilter select, .postFilter input, .postFilter button {height: 43px; padding: 10px; margin-left: 10px; border-radius: 0; margin-bottom: 10px;}
.postFilter button {padding: 12px 25px;}
.postFilter #scwd_category {margin-left: 0;}
.postComment i {color: #C25247; font-size: 1em; font-weight: 700;}
.postComment {border-left: 1px solid #5F5B58; padding: 3px 0 3px 10px;}
.postModal .modal-body {display: flex; justify-content: space-between; align-items: center;}
.postModalLeft, .postModalRight {width: 50%;}
.postGrid {display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -7.5px;}
.postGrid .postSingle {width: calc(33.33% - 15px); margin: 0 7.5px 10px;}
.postFeature .postSingle {padding: 0; box-shadow: none; margin-bottom: 0;}
.postFeature .postSingle:hover, .sideInfo .postSingle:hover, .postRelated .postSingle:hover {box-shadow: none;}
.postFeature .postDesc {height: 40px; margin-bottom: 20px;}
.postFeature .postDesc p {height: 40px; -webkit-line-clamp: 2;}
.postFeature .postImage, .postArchive .postImage {margin-bottom: 0;}
.postFeature .postImage img, .postFeature .postVideo iframe, .postRelated .postImage img, .postRelated .postVideo iframe {max-height: 220px;}
.postFeature .btn {text-transform: uppercase;}
.postArchive .postDate {margin-bottom: 10px;}
.postArchive .postImage img, .postArchive .postVideo iframe {max-height: 265px;}
.postRelated .postSingle {padding: 0; box-shadow: none;}
.postRelated .postTitle {font-size: 1em; height: 38px; text-align: center;}
.postRelated .postImage {margin-bottom: 15px;}

/* single */
.single .entry-title {margin-bottom: 5px; text-transform: uppercase;}
.single .postCategory {text-decoration: underline; margin-bottom: 35px;}
.singleInfo {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.singleInfo > div {display: flex; align-self: center;}
.singleInfo, .singleInfo .postDate {font-size: 1.125em; line-height: 1;}
.singleInfo .postDate {padding-left: 15px; margin-left: 15px; border-left: 1px solid #5F5B59;}
.singleFtShare {display: flex; justify-content: flex-end; align-items: center;}
.singleFtShare .btnLine {margin-right: 15px; transform: scale(1)!important;}
.singleFtShare .btnLine:hover {color: #C25247!important;}
.singeTagList {padding: 0; margin: 0 0 40px; list-style: none;}
.singeTagList li, .comment-meta > * {font-weight: 500; color: #C25247; text-transform: capitalize; display: inline-block; vertical-align: middle; line-height: 1; padding: 0 8px; border-right: 2px solid #C25247;}
.singeTagList li {margin-bottom: 5px;}
.singeTagList li:hover, .comment-meta a:hover {color: #5F5B59;}
.singeTagList li:first-of-type, .comment-meta > *:first-of-type {padding-left: 0;}
.singeTagList li:last-of-type, .comment-meta > *:last-of-type {padding-right: 0; border-right: none;}
.singleSlider {margin-bottom: 20px;}
.singleProdBot {padding-top: 50px;}
.entry-content figcaption a{color:#df7163;}

/* comment section */
#comments ul {list-style: none; margin: 0 0 30px; padding: 0;}
#comments ul .children {margin: 20px 0 0 20px;}
#comments .nav-links a {font-size: 0.875em; font-weight: 500; color: #C25247; text-transform: uppercase; text-decoration: underline!important;}
.commentTop {display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
.commentTop h3 {font-size: 1.313em; font-weight: 700; color: #C3A56C; margin-bottom: 0;}
.comment-form {display: flex; justify-content: space-between; flex-wrap: wrap;}
.comment-form input {height: 45px;}
.comment-form input[type="submit"] {font-size: 0.875em; text-transform: uppercase; padding: 5px;}
.comment-form textarea, .comment-form input:not([type="submit"]) {background: #DFDBD8; border-radius: 0; border: 1px solid #DFDBD8;}
.comment-form textarea, .comment-form input, .comment-form-comment {width: 100%;}
.comment-form .form-submit {width: calc(28% - 10px); text-align: right;}
.comment-form-author, .comment-form-email {width: calc(50% - 10px);}
.comment-form-url {width: calc(72% - 10px);}
.comment-notes, .comment-form label {display: none;}
.comment-navigation .nav-next-text:before {font-family: "FontAwesome"; content: "\f053";}
.comment-navigation .nav-prev-text:after {font-family: "FontAwesome"; content: "\f054";}
.comment-list > .comment {border-bottom: 1px solid #DFDBD8; padding: 15px 0;}
.comment-list > .comment:first-of-type {border-top: 1px solid #DFDBD8;}
.comment-author {text-transform: uppercase; font-weight: 700;}
.comment-reply a {text-decoration: underline!important; text-transform: uppercase;}
.comment-respond {margin-top: 60px;}

/* modal */
button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0;}
.close {float: right; font-size: 1.563em; font-weight: bold; line-height: 1; color: #000; z-index: 99}
.close, .modal-arrow i {text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; transition: all ease 0.5s;}
.close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5;}
.close:hover, .modal-arrow:hover i {opacity: 1;}
.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden; overflow-y: auto;}
.modal-dialog {position: relative; width: auto; max-width: 900px; margin: 30px auto; min-width: 310px;}
.modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {display: table; content: " ";}
.modal-header:after, .modal-footer:after {clear: both;}
.modal.fade .modal-dialog {-webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 50%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.modal.fade.in .modal-dialog {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 1;}
.modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background-color: #000;}
.modal-backdrop.fade {filter: alpha(opacity=0); opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=50); opacity: .5;}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5;}
.modal-header .close {margin-top: -2px;}
.modal-title {margin: 0; font-size: 3.750em; font-weight: 700; line-height: 1.42857143;}
.modal-body {position: relative; padding: 15px;}
.modal-desc {margin-bottom: 20px; overflow-x: auto; max-height: 600px;}
.modal-desc::-webkit-scrollbar {width: 10px;}
.modal-desc::-webkit-scrollbar-track {background: #f1f1f1;}
.modal-desc::-webkit-scrollbar-thumb {background: #888;}
.modal-desc::-webkit-scrollbar-thumb:hover {background: #555;}
.modal-desc p:last-of-type {margin-bottom: 0;}
.modal-btn {margin-bottom: 0;}
.modal-btn .btn {text-decoration: none!important; padding: 5px 15px;}
.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
.modal-navigation .nav-previous {left: 12px;}
.modal-navigation .nav-next {right: -8px;}
.modal-arrow {cursor: pointer; position: absolute; top: 50%; transform: translate(-50%); z-index: 99;}
.modal-arrow i {font-size: 1.625em; color: #000;}

/* member */
.memberList, .postArchive {margin: 0 -20px;}
.memberList .postSingle {padding: 0; box-shadow: none; cursor: pointer;}
.memberList .postSingle, .postArchive .postSingle {width: calc(33.33% - 40px); margin: 0 20px 40px;}
.memberList .postImage {margin-bottom: 0; border: 1px solid #ddd;}
.memberList .postImage img {object-position: center top; min-height: 280px;}
.memberList .modal-body {padding: 0;}
.memberList .modal-content {border: none; overflow: hidden;}
.memberModal .close {position: absolute; right: 5px; top: 0;}
.memberModal .modal-title {font-family: "Shopping Font Script", sans-serif;font-weight:500;}
.memberModal .modal-desc {max-height: 300px;}
.memberModal .postModalRight {padding: 15px 20px; background: #fff;}
.memberModal .modalImage {border: none!important;}
.memberModal .modalImage img {display: block; width: 100%; max-height: 500px!important; height: 500px!important;}
.memberModal .modalImage img:hover {filter: brightness(100%)!important;}
.memberModal h4, .memberModal h3, .memberModal p, .memberModal a {color: #5f5a59;}
.memberModal h4 {font-weight: 700;}

/* error404 */
.inner #content .error-404 h1 {font-size: 2.188em;}
.inner #content .error-404 h2 {font-size: 4.375em;}
.error-404 {text-align: center;}
.search-form {display: flex; justify-content: center; max-width: 500px; min-width: 280px; margin: 0 auto 20px;}
.search-form label {width: 100%;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*manage subscription*/
.subs-page {text-align: center;}
.subs-page a {color: #C25247;}
.subs-page form {width: 100%; max-width: 500px; margin: 0 auto;}
.subs-page input[type="email"] {width: 100%; margin-top: 20px;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1200px){
  #info {padding: 30px;}
}

@media screen and (max-width: 1023px){
  .firstTitle h1, .firstTitle h2 {font-size: 1.375em;}
  .firstTitle h1 .cursive, .firstTitle h2 .cursive {font-size: 5.625em;}

  .top-navigation li {margin: 0 5px;}
  .main-navigation li {margin: 0 15px;}

  .postGrid {justify-content: center;}
  .postGrid .postSingle {width: calc(50% - 15px); margin-bottom: 15px;}
  .postArchive .postSingle,  .memberList .postSingle {width: calc(50% - 40px); margin-bottom: 40px;}
  .postArchive .postImage img, .memberList .postImage img {height: 40vw;}
  .postFilter {justify-content: space-between; flex-wrap: wrap; max-width: 600px; margin: 0 auto 20px;}
  .postFilter select, .postFilter input, .postFilter button {margin-left: 0;}
  .postFilHalf {width: calc(50% - 5px);}
  .postFilThird {width: calc(33.33% - 5px);}
  .postFilSearch {width: calc(70% - 5px);}
  .postFilBtn {width: calc(30% - 5px);}
  .postRelated .postSingle {width: calc(33.33% - 15px);}

  .modal-dialog {width: 95%; margin: 15px auto;}
  .modal-title {font-size: 3.125em;}

  #news {padding: 20px 0 40px}
  #news .postList {margin-bottom: 20px;}

  .askRow {flex-direction: column!important; flex-wrap: wrap!important;}
  .askRow > .panel-grid-cell { max-width: 100%;width: 100%!important; margin-bottom: 0!important;}
  .askLeft img {min-height: auto;}
  .askRight {text-align: center; max-width: 100%; margin: 0 auto; padding: 10px 15px;}

  #info {padding: 15px; margin: 40px auto 20px;}
  .infoRow > .panel-grid-cell {width: calc(50% - (0.5 * 15px))!important;}
  .infoType {padding: 10px 20px 20px;}

  .ftRightBox {margin-left: auto;}
  .footer-navigation li {margin: 0 5px;}

  .inner #content {padding: 20px 0 40px;}
  .inAbt, .inAsk {padding-bottom: 30px;}
}


@media screen and (max-width: 799px){
	
}

@media screen and (max-width: 780px){
  h1 {font-size: 2.125em;}
  h2 {font-size: 1.625em;}
  html body div#wprmenu_bar {box-shadow: 0 0 10px #333}
  html body div.wprm-overlay {background: rgba(0,0,0,0.8);} 
  div#mg-wprm-wrap form.wpr-search-form button.wpr_submit {top: 50%; transform: translateY(-50%);}
  #wprmenu_bar .bar_logo {height: 35px; margin-top: -5px;}
  .wpr_search .wpr-search-field {box-sizing: border-box; padding: 15px!important;} 

  .firstTitle h1 .cursive, .firstTitle h2 .cursive {font-size: 5em;}

  .postArchive, .memberList {margin: 0 -7.5px;}
  .postArchive .postSingle, .memberList .postSingle {width: calc(50% - 15px); margin: 0 7.5px 15px;}
  .postModal .modal-body {flex-direction: column;}
  .postModalLeft, .postModalRight {width: 100%; text-align: center;}

  .memberModal .postModalRight {padding-bottom: 20px;}
  .memberModal .modalImage {max-width: 300px; margin: 10px auto 0;}
  .memberModal .modalImage img {height: auto!important;}
  .memberModal .modal-desc {overflow: inherit; padding-right: 0; max-height: 100%;}

  .hdTopRight {width: 100%; justify-content: center;}
  .sticky#page {margin-top: 0;}
  .sticky#masthead {position: relative; top: 0; width: 100%; box-shadow: none; z-index: 10;}
  .sticky .hdBot, .sticky .hdTop {padding: 10px 0;}

  #info {padding: 10px; margin: 20px auto 10px;}
  .infoRow > .panel-grid-cell {width: 100%!important;}
  .infoType {width: 100%; max-width: 600px; margin: 0 auto; padding: 5px 20px 20px;}
  .infoType h3 {font-size: 1.500em; height: 55px;}

  #gallery .firstTitle .cursive {font-size: 55px;}

  .ftLeft, .ftRight {width: 100%; margin: 0;}
  .ftLeft {margin-bottom: 10px; padding: 10px 15px;}
  .ftLeftBox {margin: 0 auto;}
  .ftRight {padding: 30px 15px 10px;}

  .inFormBox p, .bnContent p {font-size: 18px;}

  #primary.sideMain {margin-bottom: 40px;}
  #primary.sideMain, #secondary {float: none; width: 100%; max-width: 100%;}
  .sideMain .postCategory, .sideMain .entry-header, .singleInfo {text-align: center;}
  .single .postCategory {margin-bottom: 20px;}
  .sideList .postImage img, .sideList .postVideo iframe {height: 40vw; max-height: 400px;}
	

}

@media screen and (max-width:667px){
	.subForm form{max-width:310px;}
	.ctc-form input:not([type="checkbox"]){padding:7px 2px;}
}

@media screen and (max-width: 640px){
  h1 {font-size: 1.875em;}
  h1, h2 {margin-bottom: 15px;}
  h3, h4, h5 {margin-bottom: 10px;}
  .firstTitle h1, .firstTitle h2 {font-size: 1.250em;}
  .firstTitle h1 .cursive, .firstTitle h2 .cursive {font-size: 4.375em; bottom: -5px;}

  .sectionLined {padding-bottom: 30px; margin-bottom: 15px;}
  .shareCircle .addtoany_list a {padding: 0 2px;}

  .ctc-form .form-control {margin-bottom: 10px;}
  .ctc-form input:not([type="checkbox"]), .ctc-form select, .comment-form input {height: 40px;}
  .ctc-form textarea, .comment-form textarea {max-height: 120px;}
  .ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select, .comment-form input, .comment-form textarea {padding: 7px 10px;}
  .ctc-half {width: 100%;}
  .ctc-half-right {margin-left: 0;}

  .bnContent {padding-bottom: 30px;}
  .bnAbsol h1 {padding: 10px 20px; letter-spacing: 3px;}

  .postImage img, .postVideo iframe {height: 40vw;}
  .postGrid {margin: 0;}
  .postGrid .postSingle {width: 100%; margin: 0 0 15px;}
  .postFilter {margin-bottom: 20px;}
  .postFilter select, .postFilter input, .postFilter button {height: 40px;}
  .postRelated .postImage {margin-bottom: 10px;}
  .postDiyBot {flex-direction: column;}
  .postDiyBot > * {width: 100%; padding: 0;}
  .postDiyShop {border-right: none; border-bottom: 1px solid #5F5A59; padding-bottom: 10px; margin-bottom: 10px;}
  .postShopName {font-size: 1.500em;}

  .memberList {margin: 0 -5px!important;}
  .memberList .postSingle {width: calc(50% - 10px)!important; margin: 0 5px 10px!important;}
  .memberList .postImage img {min-height: 220px;}

  #news {padding: 10px 0 20px;}
  #news h2 {margin-bottom: 20px;}

  #gallery {padding: 25px 0 50px;}
  #gallery .firstTitle .cursive {font-size: 3.125em; padding: 0 20px;}

  #secondary > .widget {margin-bottom: 20px!important;}
  #secondary .pinterest_rss_widget h2 {font-size: 3.125em;}
  .singleInfo, .sideMain .postDate {font-size: 15px;}
  .sideMain .postDate {margin-left: 10px; padding-left: 10px;}
  .singeTagList {margin-bottom: 20px;}
  .singeTagList li, .comment-meta > * {padding: 0 5px;}
  .singleProdBot {padding-top: 30px;}

  .commentTop {margin-bottom: 30px; flex-direction: column; justify-content: center;}
  .commentTop h3 {font-size: 18px;}
  .comment-respond {margin-top: 30px;}
  .comment-form p {margin-bottom: 10px;}
  .comment-form-author, .comment-form-email, .comment-form-url, .comment-form .form-submit {width: 100%;}
  .comment-form .form-submit {max-width: 185px; margin: 0 auto;}

  .inner #content {padding: 20px 0;}
}

@media screen and (max-width: 480px){
  h1 {font-size: 1.750em;}
  h2 {font-size: 1.375em;}
  h3 {font-size: 1.125em;}
  p, li {font-size: 0.938em; margin-bottom: 10px;}
  .firstTitle h1, .firstTitle h2 {font-size: 1.125em;}
  .firstTitle h1 .cursive, .firstTitle h2 .cursive {font-size: 55px; bottom: -3px;}

  .btn {font-size: 13px; padding: 10px 20px;}

  .bnAbsol h1 {letter-spacing: 2px;}

  .postSingle, .postDiy {padding: 10px;}
  .postTitle {height: 45px;}
  .postDesc {height: 75px;}
  .postDesc p {height: 75px;}
  .postBtn {margin-bottom: 10px;}
  .postImage {margin-bottom: 15px;}
  .postRating {font-size: 0.875em;}
  .postDiyTop h4 {font-size: 0.938em;}
  .postShop {flex-direction: column;}
  .postShop > div {width: 100%;}
  .postShopImage {margin-bottom: 15px!important;}

  .modal-title {font-size: 42px;}

  .askRight p, .inFormBox p, .bnContent p {font-size: 1em;}

  .infoType {padding: 5px 10px 10px;}
  .infoType h3 {font-size: 1.250em; height: 50px; margin-bottom: 10px;}

  #banner .nextend-arrow {width: 25px!important; height: 25px!important;}
  #banner .nextend-arrow-next {right: 0!important}
  #banner .nextend-arrow-previous {left: 0!important}

  #gallery {padding: 15px 0 40px;}
  #gallery .firstTitle .cursive, #secondary .pinterest_rss_widget h2 {font-size: 45px;}

  .single .postCategory {margin-bottom: 15px;}
  .singleInfo {margin-bottom: 15px; flex-direction: column;}
  .singleInfoLeft, .commentTop h3 {margin-bottom: 10px;}

}

@media screen and (max-width: 400px){
  h1 {font-size: 1.625em;}
  h2 {font-size: 1.250em;}
  .single h1 {font-size: 1.500em;}
  .postDiyTop h4 {font-size: 0.750em;}
  .postRating {font-size: 0.813em;}
  .postFilThird, .postFilSearch, .postFilBtn {width: calc(50% - 5px);}
  .singleInfo, .sideMain .postDate {font-size: 13px;}
  .sideMain .postDate {margin-left: 5px; padding-left: 5px;}
}