a:after { content: '\f107'; font-family: "Font Awesome 5 Free" !important; font-weight: 900; margin: 0 0 0 4px; line-height: 0; } .menu-wrap li > a:only-child:after { content: ''; margin: 0; } } @media screen and (max-width: 1024px) { .header { margin: 0; } .menu-wrap .social { top: 0; right: 5%; position: absolute; height: 50px; } .menu-wrap .socials { line-height: 50px; } .menu-wrap .socials a, .menu-wrap .socials a:visited { margin: 0 0 0 15px; } .menu-toggle { left: 5%; display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 15px; height: 50px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; } .menu-toggle:focus { outline: none; } .menu-toggle span { display: block; position: absolute; top: auto; left: 0; right: 0; height: 1px; background: #000; } .menu-toggle span::before, .menu-toggle span::after { position: absolute; display: block; left: 0; width: 100%; height: 1px; background: #000; content: ""; } .menu-toggle span::before { top: -5px; } .menu-toggle span::after { bottom: -5px; } .menu-togglle { background: transparent; } .menu-togglle span { transition: background 0s 0.3s; } .menu-togglle span::before, .menu-togglle span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } .menu-togglle span::before { transition-property: top, transform; } .menu-togglle span::after { transition-property: bottom, transform; } .menu-togglle.open { background: transparent; } .menu-togglle.open span { background: transparent; } .menu-togglle.open span::before { top: 0; transform: rotate(45deg); } .menu-togglle.open span::after { bottom: 0; transform: rotate(-45deg); } .menu-togglle.open span::before, .menu-togglle.open span::after { transition-delay: 0s, 0.3s; } .menu-wrap .menu { display: none; width: 90%; margin: 0 auto; padding: 0 0 15px; } .menu-wrap { height: auto; width: 100%; position: relative; text-align: left; } .menu-wrap li, .menu-wrap .widget { display: block; height: auto; line-height: 35px; margin: 0; } .menu-wrap .level-two { width: 100%; left: 0; position: relative; margin: 0 auto; text-align: left; } .menu-wrap .level-three { width: calc(100% - 30px); left: 0; position: relative; margin: 0 15px 15px; text-align: left; } .menu-wrap .Label .level-two { max-height: none; overflow-y: visible; } .menu-wrap li.parent:hover .level-two, .menu-wrap .child-item.sharewidth:hover .level-three { display: none; } .menu-wrap .fas.fa-fw.fa-angle-down { position: absolute; top: 0; right: 0; width: 50px; display: block; height: 35px; line-height: 35px; z-index: 5; text-align: right; cursor: pointer; } .menu-wrap .level-two .fas.fa-fw.fa-angle-down { text-align: center; } .menu-wrap .level-three a:after { display: none; } } /*--------------------------------------------- # 4. Post Area -----------------------------------------------*/ .post-title { font-family: 'Alegreya Sans SC', sans-serif; font-weight: 300; font-size: 24px; color: #827B67; text-align: center; text-transform: none; letter-spacing: .75px; margin: 10px 0; } .post-title a, .post-title a:visited { color: #827B67; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .post-title a:hover { color: #D8E8DE; } .date-header, .post-labels { font-family: 'Montserrat', serif; font-weight: 400; font-size: 8px; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; } .post-labels a, .post-labels a:visited { color: #C68063; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .post-labels a:hover { color: #D8E8DE; } .post-location { margin: 0 0 0 10px; } .post-header { width: 110.5%; margin: 0 0 20px -5%; } .post-footer { font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; color: #000; text-align: left; text-transform: uppercase; letter-spacing: 1.5px; width: 110.5%; margin: 30px 0 0 -5%; } .post-footer a, .post-footer a:visited { color: #000; } .post-footer a:hover { color: #C68063; } .post-comment-link { float: right; margin: 0; } .post-share a, .post-share a:visited { color: #C68063; font-size: 11px; margin: 0 10px 0 0; } .post-share a:hover { color: #000; } blockquote { border-top: 1px solid #fbc3ac; border-bottom: 1px solid #fbc3ac; padding: 15px 0; } .status-msg-wrap { font-family: 'Montserrat', serif; font-weight: 400; font-size: 12px; color: #C68063; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; width: 100%; margin: 0 0 20px; } .jump-link { font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 30px auto 0; } .jump-link a, .jump-link a:visited { color: #fff; background: #fbc3ac; display: inline-block; line-height: 45px; padding: 0 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .jump-link a:hover { color: #fff; background: rgba(251,195,172,0.8); } /*--------------------------------------------- # 4.1 Grid posts style -----------------------------------------------*/ .home-title { font-family: 'Montserrat', serif; font-weight: 400; font-size: 12px; color: #C68063; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; border-top: 1px solid #D8E8DE; padding: 20px 0 0; margin: 0 0 20px; } .gridpost a { display: block; } .gridthumb { width: 100%; padding-bottom: 125%; background-size: cover !important; background-position: 50% 50% !important; } .gridinfo { top: 0; left: 0; width: 100%; height: 100%; display: block; position: absolute; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .gridinfo:hover { background: rgba(255,255,255,0.3); } .grid_info { width: 100%; height: 100%; display: table; } .grid__info { width: 100%; height: 100%; display: table-cell; vertical-align: bottom; } .grid___info { display: inline-block; background: #fbc3ac; padding: 9px 9px 7px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gridinfo .post-title { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; color: #fff; text-align: left; text-transform: uppercase; letter-spacing: 1.5px; margin: 0; } /*--------------------------------------------- # 4.2 Related Posts -----------------------------------------------*/ .relatedposts { width: 111.1%; margin: 40px 0 40px -5.1%; } .relatedwrap { width: 101%; margin: 0 0 0 -0.5%; } .relatedposts h2 { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; color: #fbc3ac; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; border-top: 1px solid #D8E8DE; padding: 15px 0 0; margin: 0 0 15px; } .relatedpost { width: 24%; float: left; margin: 0 0.5%; position: relative; } @media screen and (max-width: 700px) { .relatedpost { width: 32.33%; } .relatedpost:nth-child(4) { display: none; } } @media screen and (max-width: 500px) { .relatedpost { width: 49%; } .relatedpost:nth-child(3), .relatedpost:nth-child(4) { display: none; } } .related-wrap { text-align: center; } .related-wrap .relatedthumb { width: 100%; padding-bottom: 100%; background-size: cover !important; background-position: 50% 50% !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .related-wrap .related-title { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 10px; color: #000; letter-spacing: 1.5px; text-transform: uppercase; margin: 5px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .related-wrap:hover .relatedthumb { opacity: 0.8; } .related-wrap:hover .related-title { color: #fbc3ac; } /*--------------------------------------------- # 4.3 Comments -----------------------------------------------*/ .comments { margin: 0 0 50px; } .comments h4 { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; color: #FBC3AC; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; border-top: 1px solid #D8E8DE; padding: 15px 0 0; margin: 10px 0; } .comments .comment-content { font-size: 110%; padding: 6px 0; font-family: 'Satisfy', serif; color: #FBC3AC; } .comments .comments-content .user { font-family: 'Lato', sans-serif; font-weight: 300 !important; font-size: 13px; text-transform: uppercase; letter-spacing: 1.2px; display: block; color: #3B3B47; } .comments .comments-content a, .comments .comments-content a:visited { color: #000; } .comments .comments-content a:hover { color: #fbc3ac; } .comments .thread-count, .comments .comment-actions, .comments .continue, .comments .comments-content .datetime { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; margin-left: 0; letter-spacing: 1px; padding: 3px 0; text-transform: uppercase; } .comments .continue a { display: block; font-weight: 400; padding: 0; } .comments .comment-block { margin-left: 0; } /*--------------------------------------------- # 4.4 Post Pager -----------------------------------------------*/ .post-pager { width: 100%; display: block; margin: 0 0 50px; } .previous { width: 49%; float: left; text-align: left; } .next { width: 49%; float: right; text-align: right; } .post-pager .prev-title, .post-pager .next-title { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; } .post-pager .prev-post, .post-pager .next-post { font-size: 10px; color: #fff; } .post-pager a, .post-pager a:visited { color: #fff; } .post-pager a:hover { color: #fff; } .pagerthumb { width: 100%; padding-bottom: 100%; background-size: cover !important; background-position: 50% 50% !important; } .pager-info { width: 100%; display: block; } .pager-thumb { width: 55%; display: inline-block; vertical-align: middle; } .next .pager-title { width: 58%; display: inline-block; vertical-align: bottom; position: relative; right: -15%; background: #fbc3ac; padding: 9px 9px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px -15%; } .previous .pager-title { width: 58%; display: inline-block; vertical-align: top; position: relative; left: 0; background: #fbc3ac; padding: 9px 9px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 10px 0 0 -15%; } .next-post, .prev-post { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px !important; text-transform: lowercase !important; letter-spacing: 1px; } @media screen and (max-width: 700px) { .previous { width: 100%; float: none; text-align: left; margin: 0 0 30px; } .next { width: 100%; float: none; text-align: right; } .pager-thumb { width: 50%; } .next .pager-title, .previous .pager-title { width: 48%; } } /*--------------------------------------------- # 5. Sidebar & Footer -----------------------------------------------*/ .sidebar-wrap .widget, .sidebar-wrap .widget:last-child, .footer-wrap .widget, .footer-wrap .widget:last-child { margin: 0 0 40px !important; } .footerbox { width: 100%; text-align:justify; } .footer2, .footer3, .footer4 { width: 30%; float: left; } .footer3 { margin: 0 5%; } .full-wrap { margin-top: 20px; } .sidebar-wrap img, .footer-wrap img, .full-wrap img { max-width: 100%; height: auto; } /*--------------------------------------------- # 5.1 Titles -----------------------------------------------*/ .sidebar-wrap h2, .footer-wrap h2, .full-wrap h2 { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 10px; } .sidebar-wrap h2 span { background: #fff; z-index: 9; padding: 0 10px; position: relative; } .sidebar-wrap h2:before { content: ""; display: block; width: 100%; position: absolute; top: 50%; z-index: 1; border-top: 1px solid #D8E8DE; } /*--------------------------------------------- # 5.2 Widgets -----------------------------------------------*/ .sidebar-wrap .socials { text-align: center; } .sidebar-wrap .socials i, .sidebar-wrap .socials i:visited { color: #fff; margin: 0 3px; font-size: 12px; width: 12px; height: 12px; background: #fbc3ac; border-radius: 50%; padding: 7px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar-wrap .socials i:hover { color: #fff; background: #D8E8DE; } #Image99 { text-align: center; } #Image99 img { display: block !important; margin: 0 auto 7px; } #ArchiveList { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; text-align: center; letter-spacing: 1.5px; } #ArchiveList a, #ArchiveList a:visited { color: #000; } #ArchiveList a:hover { color: #fbc3ac; } .BlogArchive #ArchiveList ul.posts li { line-height: 1.8; } #ArchiveList ul ul li .post-count { color: #000; display: inline-block !important; font-size: 9px; } #ArchiveList ul li .post-count { display: none; } #ArchiveList ul ul li a.post-count-link { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.3px; } #ArchiveList ul li { padding: 0 0 !important; text-indent: 0 !important; margin: 0 !important; position: relative; } #ArchiveList ul .post-count-link { padding: 0 0; display: inline-block; margin: 0; line-height: 2.3; } #ArchiveList ul li a.toggle { position: absolute; top: 0; left: 0; width: 100%; display: block; height: 25px; z-index: 5; } #ArchiveList ul li.archivedate.collapsed:before { content: "\f078"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; color: #fbc3ac; margin: 0; } #ArchiveList ul li.archivedate.expanded:before { content: "\f078"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; color: #fbc3ac; margin: 0; } #PopularPosts1 ul { padding: 0; list-style: none; } .PopularPosts img { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0; } .PopularPosts .item-thumbnail { margin: 0; } #PopularPosts1 li { width: 100%; float: none; padding: 0; position: relative; margin: 0 0 7px; } .fcd1 { display: block; left: 0; position: absolute; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .fcd1:hover { background: rgba(255,255,255,0.3); } .fcd2 { display: table; width: 100%; height: 100%; } .fcd3 { display: table-cell; vertical-align: bottom; width: 100%; height: 100%; } .fcd4 { font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-align: left; text-transform: uppercase; letter-spacing: 1.5px; background: #fbc3ac; color: #fff; max-width: 95%; display: inline-block; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* SIDEBAR SUBSCRIBE GAGDET START */ #FollowByEmail1 .widget-content { text-align: center; } #FollowByEmail1 .follow-by-email-inner .follow-by-email-address { width: 100%; border: 1px solid #D8E8DE; background: #fff; height: 35px; font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; color: #000; margin: 0 0 5px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #FollowByEmail1 .follow-by-email-inner .follow-by-email-submit { width: 100%; border-radius: 0; border: 0; background: #D8E8DE; color: #000; height: 35px; font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin: 0; padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #FollowByEmail1 .follow-by-email-inner .follow-by-email-submit:hover { color: #000; background: rgba(216,232,222,0.8); } #FollowByEmail1 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #000 inset !important; } /* SIDEBAR SUBSCRIBE GAGDET END */ /* HOME PAGER SUBSCRIBE GAGDET START */ .newsletter-wrap { width: 900px; margin: 0 auto 50px; } @media screen and (max-width: 950px) { .newsletter-wrap { width: 100%; } } #FollowByEmail2 h2 { width: 25%; display: inline-block; vertical-align: middle; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 15px; color: #fbc3ac; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; } #FollowByEmail2 .widget-content { width: 74%; display: inline-block; vertical-align: middle; text-align: center; } @media screen and (max-width: 650px) { #FollowByEmail2 h2 { width: 100%; display: block; margin: 0 0 20px; } #FollowByEmail2 .widget-content { width: 100%; display: block; } } #FollowByEmail2 .follow-by-email-inner .follow-by-email-address { width: 75%; border: 1px solid #D8E8DE; background: #fff; height: 45px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; color: #000; margin: 0; padding: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #FollowByEmail2 .follow-by-email-inner .follow-by-email-submit { width: 24%; border-radius: 0; border: 0; background: #D8E8DE; color: #000; height: 45px; font-family: 'Montserrat', serif; font-size: 9px; font-weight: 400; text-transform: uppercase; letter-spacing: 1.5px; float: right; text-align: center; margin: 0; padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #FollowByEmail2 .follow-by-email-inner .follow-by-email-submit:hover { color: #000; background: rgba(216,232,222,0.8); } #FollowByEmail2 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; } @media screen and (max-width: 550px) { #FollowByEmail2 .follow-by-email-inner .follow-by-email-address, #FollowByEmail2 .follow-by-email-inner .follow-by-email-submit { width: 100%; margin: 0; display: block; float: none; } #FollowByEmail2 .follow-by-email-inner .follow-by-email-address { margin: 0 0 1%; } } /* HOME PAGE SUBSCRIBE GAGDET END */ .search { width: 100%; margin: 0 auto; border: 1px solid #D8E8DE; } .searchbox { width: 80%; border: none; background: #fff; color: #000; font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; height: 35px; padding: 0 0 0 4%; float: left; } .searchsubmit { border: 0; border-radius: 0; width: 16%; padding: 0; height: 35px; background: #D8E8DE; color: #000; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-weight: 400; font-size: 10px; cursor: pointer; float: right; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .searchsubmit:hover { color: #000; background: rgba(216,232,222,0.8); } .search input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; } .post-summary { padding: 0 !important; } .fpthumb { width: 100%; padding-bottom: 100%; background-size: cover !important; background-position: 50% 50% !important; position: relative; } .fptitle { top: 0; left: 0; width: 100%; height: 100%; display: block; position: absolute; font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: #fff; text-align: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .fptitle:hover { background: rgba(255,255,255,0.3); } .fptitle div { width: 100%; height: 100%; display: table; } .fptitle span { width: 100%; height: 100%; display: table-cell; vertical-align: bottom; } .fptitle p { max-width: 95%; display: inline-block; background: #fbc3ac; padding: 7px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #instafeed { width: 100%; display: block; margin: 0 auto; padding: 0px; line-height: 0px; text-align: center; vertical-align: baseline; } #instafeed img { width: 100%; height: auto; } #instafeed .squarethumb { background-position: 50% !important; background-size: cover !important; } #instafeed a { padding: 0px; margin: 0px; display: inline-block; position: relative; } #instafeed i { margin: 0 4px 0 0; } .instathumb { width: 14.26%; float: left; } @media screen and (max-width: 750px) { .instathumb { width: 25%; } .instathumb:nth-child(1), .instathumb:nth-child(2), .instathumb:nth-child(3) { width: 33.33%; } } .instathumb a { float: left; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; } .fcdw { width: 100%; height: 100%; margin-top: -100%; opacity: 0; letter-spacing: 1px; text-align: center; position: absolute; background-size: 30px; font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; letter-spacing: 1px; color: #000; line-height: 1.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-font-smoothing: subpixel-antialiased; } .fcdw i { color: #fbc3ac; } .fcdo { display: table; vertical-align: middle; height: 100%; width: 100%; } .fcdi { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } .fcdw:hover { opacity: 1; background: rgba(255,255,255,0.7); } .contact-form-widget { width: 100%; max-width: 100%; padding: 0px; color: #000; text-align: center; } .contact-form-name, .contact-form-email { height: auto; } .contact-form-email-message { height: 130px !important; padding: 7px !important; } .contact-form-name, .contact-form-email, .contact-form-email-message { width: 100%; max-width: 100%; margin: 0 0 5px !important; font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; padding: 0; height: 35px; border: 1px solid #fbc3ac; box-shadow: none !important; background: #fff; } .contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus { outline: 0px !important; border: 1px solid #fbc3ac; box-shadow: none !important; border-radius: 0px !important; } .contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover { outline: 0px !important; border: 1px solid #fbc3ac; box-shadow: none !important; border-radius: 0px !important; } .contact-form-button-submit { border: 0; background: #fbc3ac; color: #000; width: 100%; max-width: 100%; border-radius: 0px !important; box-shadow: 0px !important; font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; height: 35px; display: block; margin: 0 auto; padding: 0; cursor: pointer !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form-button-submit:hover { background: rgba(251,195,172,0.8); color: #000; border: 0; cursor: default; box-shadow: none !important; border-radius: none !important; } .contact-form-widget ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .contact-form-widget ::-moz-placeholder { /* Firefox 19+ */ color: #000; } .contact-form-widget :-ms-input-placeholder { /* IE 10+ */ color: #000; } .contact-form-widget :-moz-placeholder { /* Firefox 18- */ color: #000; } /*--------------------------------------------- # 6. Slider -----------------------------------------------*/ .slider-wrap { overflow: hidden !important; } ul.slide-posts { width: 101%; padding: 0; margin: 0 0 50px -0.5% !important; } li.slide-post { margin: 0 3px; position: relative; } .slide-thumb { width: 100%; height: 350px; background-size: cover !important; background-position: 50% 50% !important; } .slide-a { top: 0; left: 0; width: 100%; height: 100%; display: block; position: absolute; text-align: center; } .slide-b { width: 100%; height: 100%; display: table; } .slide-c { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .slide-d { max-width: 85%; display: inline-block; margin: 0 auto; background: rgba(255,255,255,0.7); padding: 15px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slide-title { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 15px; color: #000; letter-spacing: 1.5px; text-transform: uppercase; } .slide-date { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 10px; } .slide-snippet { color: #000; font-size: 12px; margin: 10px 0 0; } .slide-button { font-family: 'Montserrat', serif; font-weight: 400; font-size: 8px; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 15px auto 0; } .slide-button span, .slide-button span:visited { color: #000; background: #fbc3ac; display: inline-block; line-height: 30px; padding: 0 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .slide-button span:hover { color: #000; background: rgba(251,195,172,0.8); } .slick-dots li { margin: 0 !important; } .slick-dots li button:before { font-size: 9px !important; } .slick-dots { bottom: 5px !important; } ul.slick-dots { padding: 0 !important; margin: 0 !important; } .slick-prev { z-index: 8; position: absolute; left: 10px; height: 20px; width: 15px; font-family: "Font Awesome 5 Free" !important; } .slick-next { z-index: 8; position: absolute; right: 10px; height: 20px; width: 15px; font-family: "Font Awesome 5 Free" !important; } .slick-prev::before, .slick-next::before { display: none !important; } .slick-prev::after, .slick-next::after { color: #000 !important; } .slick-prev::after { content: "\f053"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 15px !important; } .slick-next::after { content: "\f054"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 15px !important; } @media screen and (max-width: 600px) { ul.slide-posts { width: 100%; margin: 0 0 70px !important; } li.slide-post { margin: 0; } .slide-thumb { height: 270px; } } /*--------------------------------------------- # 7. Category boxes -----------------------------------------------*/ .categories-wrap { width: 101%; margin: 0 0 50px -0.5%; text-align: center; } .categories-wrap .Image { width: 24%; float: left; margin: 0 0.5%; } .cathumb { width: 100%; padding-bottom: 100%; background-size: cover !important; background-position: 50% 50% !important; position: relative; } .cainfo { top: 0; left: 0; width: 100%; height: 100%; display: block; position: absolute; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .cainfo:hover { background: rgba(255,255,255,0.3); } .ca_info { width: 100%; height: 100%; display: table; } .ca__info { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .ca___info { background: #fbc3ac; display: inline-block; line-height: 35px; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .catitle { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; color: #fff; text-transform: uppercase; letter-spacing: 1.5px; } @media screen and (max-width: 700px) { .categories-wrap .Image { width: 49%; } .categories-wrap #Image90, .categories-wrap #Image91 { margin: 0 0.5% 1%; } } @media screen and (max-width: 320px) { .categories-wrap .Image { width: 100%; float: none; margin: 0 0 1%; } } /*--------------------------------------------- # 8. Remove, Credits & Blog Pager -----------------------------------------------*/ #Navbar1,#Attribution1,.zippy,.feed-links,.menu-wrap h2,.item-snippet,.comments .avatar-image-container, .comments .comments-content .icon.blog-author, .homepager-wrap h2,.slider-wrap h2 { display: none !important; } .credit { font-family: 'Montserrat', serif; font-weight: 400; font-size: 10px; color: #000; text-align: center; text-transform: none; letter-spacing: .5px; background: #fff; padding: 20px 0; width: 100%; margin-bottom: -1px; } .credit a, .credit a:visited { color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .credit a:hover { color: #fbc3ac; } #blog-pager, .home-pager { font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 50px; } .home-pager { margin: 30px 0 50px !important; } #blog-pager a, #blog-pager a:visited, .home-pager a, .home-pager a:visited { color: #fff; line-height: 35px; display: inline-block; background: #fbc3ac; padding: 0 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #blog-pager a:hover, .home-pager a:hover { color: #fff; background: rgba(251,195,172,0.8); } .loadmore { font-family: 'Montserrat', serif; font-weight: 400; font-size: 9px; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin: 25px 0 0; } .loadmore img { width: 20px; height: auto; } .loadmore a, .loadmore a:visited { color: #000; background: #eee; line-height: 35px; display: inline-block; background: #fbc3ac; padding: 0 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .loadmore a:hover { color: #000; background: rgba(251,195,172,0.8); } /*--------------------------------------------- # 9. Responsive -----------------------------------------------*/ @media screen and (max-width: 320px) { .sidebar-wrap { width: 100% !important; margin: 0; float: none; } .footer2, .footer3, .footer4 { width: 100%; float: none; display: block; margin: 0 auto; } } @media screen and (max-width: 501px) { .footer2, .footer3, .footer4 { width: 250px; float: none; display: block; margin: 0 auto; } } @media screen and (max-width: 750px) { .outer-wrap { width: 90%; margin: 0 auto; } .main-wrap { width: 100%; float: none; margin: 0; } .sidebar-wrap { width: 270px; float: none; margin: 0 auto; } } @media screen and (min-width: 751px) and (max-width: 1070px) { .outer-wrap { width: 90%; margin: 0 auto; } .main-wrap { width: 70%; } .sidebar-wrap { width: 25%; } } div#ContactForm1 { display: none !important; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 8, 2019 */ @font-face { font-family: 'headland_scriptregular'; src: url('https://drive.google.com/open?id=1WOehPi-joYsf49xd5o_XAkgiHUmAl0DH') format('woff2'), url('https://drive.google.com/open?id=1PDhpHbM0cpRc3MiDIPl3M85kP8UH7UHW') format('woff'); font-weight: normal; font-style: normal; } ]]>