/* Theme Name: Harmony Theme URI: http://webdesign-finder.com/harmony Author: Leibovitz Author URI: http://webdesign-finder.com/ Description: Harmony - clean and simple WordPress blogging theme for parents, young mommies, teachers or pediatric websites. We've made main accent on theme readability and convenient navigation. Harmony looks great at any device, both desktop computers and phones. Live customizer allows to easily change theme colors, change logo, title, tagline, add social icons and adjust widgets according to your needs. Version: 1.01 License: Commercial License URI: http://themeforest.net/licenses/regular_extended Tags: two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: harmony 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. */ /** * Table of Contents * * 1.0 - Reset * 2.0 - Genericons * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 6.0 - Navigations * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Header * 11.0 - Widgets * 12.0 - Content * 12.1 - Posts and pages * 12.2 - Post Formats * 12.3 - Comments * 13.0 - Footer * 14.0 - Media * 14.1 - Captions * 14.2 - Galleries * 15.0 - Media Queries * 15.1 - Mobile Large * 15.2 - Tablet Small * 15.3 - Tablet Large * 15.4 - Desktop Small * 15.5 - Desktop Medium * 15.6 - Desktop Large * 15.7 - Desktop X-Large */ /** * 1.0 - Reset */ html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /** * 1.1 - Preloader */ #preloader { position: fixed; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; background-color: #ffffff; } #preloader-status { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px; /*You can use animated gif for preloader*/ /*background: url('../img/preloader.png') no-repeat 50% 20px;*/ } #preloader-title { font-size: 10px; text-align: center; text-transform: uppercase; } .spinner { margin: 0 auto; width: 120px; height: 30px; text-align: center; font-size: 10px; } .spinner > div { background-color: #54be73; height: 100%; width: 20px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /** * 2.0 - Genericons */ .social-navigation a:before, .secondary-toggle:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .comment-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, /*.posted-on:before,*/ .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before, .pagination .prev:before, .pagination .next:before, .image-navigation a:before, .image-navigation a:after, .format-link .entry-title a:after, .entry-content .more-link:after, .entry-summary .more-link:after, .author-link:after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Genericons"; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1.45; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; color: #2e3236; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: inherit; font-style: inherit; margin-left: auto; } /** * 3.0 Typography */ body, button, input, select, textarea { color: #797f85; font-family: 'Lora', serif; font-size: 15px; font-size: 1.5rem; font-weight: 300; line-height: 1.9334; } body { overflow-x: hidden; background-color: #ffffff; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { clear: both; text-rendering: optimizeLegibility; font-family: 'Roboto', sans-serif; font-weight: 500; margin: 0 0 30px 0; color: #565a5e; } .section-dark-bg .h1, .section-dark-bg h1, .section-dark-bg .h2, .section-dark-bg h2, .section-dark-bg .h3, .section-dark-bg h3, .section-dark-bg .h4, .section-dark-bg h4, .section-dark-bg .h5, .section-dark-bg h5, .section-dark-bg .h6, .section-dark-bg h6 { color: #ffffff; } .title-colored .h1, .title-colored h1, .title-colored .h2, .title-colored h2, .title-colored .h3, .title-colored h3, .title-colored .h4, .title-colored h4, .title-colored .h5, .title-colored h5, .title-colored .h6, .title-colored h6 { color: #54be73; } .title-light .h1, .title-light h1, .title-light .h2, .title-light h2, .title-light .h3, .title-light h3, .title-light .h4, .title-light h4, .title-light .h5, .title-light h5, .title-light .h6, .title-light h6 { color: #ffffff; } .h1, h1 { font-size: 70px; font-size: 7rem; line-height: 1.0715; } @media (max-width: 991px) { .h1, h1 { font-size: 50px; font-size: 5rem; line-height: 1.2; } } .h2, h2 { font-size: 50px; font-size: 5rem; line-height: 1.2; } .h3, h3 { font-size: 35px; font-size: 3.5rem; line-height: 1.2857; } .h4, h4 { font-size: 29px; font-size: 2.9rem; line-height: 1.0345; } .h5, h5 { font-size: 20px; font-size: 2rem; line-height: 1.5; } .h6, h6 { font-size: 15px; font-size: 1.5rem; line-height: 2; } p { margin: 0 0 29px 0; } p.theme-big-text { margin-bottom: 7px; } .theme-big-text { font-family: 'Roboto', sans-serif; font-size: 17px; font-size: 1.7rem; font-weight: 500; line-height: 1.7647; color: #2e3236; } b, strong { font-weight: 600; color: #2e3236; } q { color: #2e3236; } dfn, cite, em, i { font-style: normal; } em { font-style: italic; } blockquote { font-size: 19px; font-size: 1.9rem; font-weight: 300; line-height: 1.6667; margin: 0 0 30px 0; padding: 9px 0 26px 40px; color: #797f85; border: none; border: 0 solid #54be73; border-left-width: 5px; } .blog blockquote, .archive blockquote { padding: 9px 0 9px 40px; } blockquote p { margin-bottom: 30px; font-style: italic; } blockquote > p:last-child { margin-bottom: 0; } blockquote cite, blockquote small { display: block; font-family: 'Lora', serif; font-size: 14px; font-size: 1.4rem; line-height: 2.1429; margin-top: 18px; color: #999999; } blockquote cite img, blockquote small img { margin-right: 15px; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 600; } blockquote cite img { border-radius: 50%; float: left; } blockquote cite { font-size: 12px; font-style: italic; color: #797f85; } blockquote cite a { display: block; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; font-style: normal; line-height: 1.6429; padding-top: 10px; } blockquote cite a strong { color: #2e3236; } blockquote cite a:hover strong, blockquote cite a:active strong { color: #54be73; } address { line-height: 2.1429; margin: 0 0 30px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; border-radius: 0; vertical-align: middle; } kbd { -webkit-box-shadow: none; box-shadow: none; } code { color: #54be73; } pre { font-size: 14px; line-height: 15px; margin-bottom: 30px; padding: 15px; max-width: 100%; overflow: auto; background-color: transparent; background-color: rgba(0, 0, 0, 0.1); border: none; border-radius: 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } acronym, abbr[title] { border-bottom: 1px solid #999999; cursor: help; } mark, ins { background-color: #54be73; color: #ffffff; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; line-height: 100%; } /** * 4.0 Elements */ hr { background-color: #d4d5d7; border: 0; height: 1px; margin-bottom: 29px; margin-top: 30px; } ul, ol { margin: 0 0 29px 0; padding: 0 0 0 30px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; } .unyson_content ul, .post-content ul { list-style: none; padding-left: 13px; } .unyson_content ul li, .post-content ul li { position: relative; } .unyson_content ul li:before, .post-content ul li:before { content: '.'; display: block; color: #ff6f50; position: absolute; top: -6px; left: -13px; font-weight: 700; font-size: 26px; font-size: 2.6rem; line-height: 1; } .unyson_content ul li + li, .post-content ul li + li { margin-top: 3px; } .unyson_content ol li:first-letter, .post-content ol li:first-letter { color: #ff6f50; } .unyson_content ol, .post-content ol { list-style-type: none; padding-left: 13px; } .unyson_content ol li, .post-content ol li { counter-increment: count-me; } .unyson_content ol li:before, .post-content ol li:before { content: counter(count-me) ''; display: block; position: relative; max-width: 0; max-height: 0; left: -13px; color: #ff6f50; } dl { margin-bottom: 30px; } dt, dd { line-height: 2.1429; } dt { font-size: 20px; font-weight: 500; line-height: 1.5; color: #2e3236; } dd { margin-bottom: 30px; } table, th, td { border: 1px solid #eaeaea; color: #2e3236; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 45px 0; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 600; } td { border-width: 0 1px 1px 0; } th, td { line-height: 1.0715; text-align: center; padding: 15px 5px 14px 5px; background-color: #ffffff; } table { border-top: none; } thead th { padding: 15px 5px 14px 5px; font-size: 12px; line-height: 15px; text-transform: uppercase; background-color: #2e3236; border-color: #2e3236; color: #ffffff; } img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 0; max-width: 100%; } del { opacity: 0.8; } /* Dropcaps */ body.dropcaps1:not(.home):not(.blog):not(.archive) .entry-content > .page-title + p:first-letter, body.dropcaps1:not(.home):not(.blog):not(.archive) .entry-content > p:first-child:first-letter, body.dropcaps1:not(.home):not(.blog):not(.archive) .post-content > p:first-child:first-letter, p.dropcaps1:first-letter { float: left; color: #54be73; font-weight: 700; font-size: 54px; font-size: 5.4rem; margin-right: 15px; line-height: 1; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lora', serif; } :-moz-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lora', serif; } ::-moz-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lora', serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lora', serif; } /** * 5.0 Forms */ button, input, select, textarea { font-size: 14px; font-size: 1.4rem; font-weight: 300; line-height: 2.1429; vertical-align: baseline; margin: 0; max-width: 100%; border-radius: 0; background-color: #f7f7f7; } button, input { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } input, textarea { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */ background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 20px; color: #999999; } input:focus, textarea:focus { background-color: #ffffff; border: 1px solid #c1c1c1; color: #999999; } input:focus, select:focus { outline: 2px solid #c1c1c1; } button[disabled], input[disabled], select[disabled], textarea[disabled] { cursor: default; opacity: .5; } .button, button, input[type="button"], input[type="reset"], input[type="submit"] { font-family: 'Roboto', sans-serif; font-size: 13px; font-size: 1.3rem; font-weight: 500; line-height: 1.6923; letter-spacing: 0.09em; padding: 12px 30px; border-radius: 30px; height: 47px; border: none; cursor: pointer; -webkit-appearance: button; background-color: #959ca5; color: #ffffff; } .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { background-color: #54be73; color: #ffffff; outline: 0; } a.button { display: inline-block; -webkit-appearance: initial; } /* Bootstrap Classes */ .btn { border-radius: 0; } .btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; } .dropdown-menu { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea { padding: 9px 19px; width: 100%; } textarea { overflow: auto; vertical-align: top; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { outline: 0; } .post-password-form { position: relative; } .post-password-form label { display: block; } .post-password-form input[type="submit"] { position: absolute; right: 0; bottom: 0; padding: 0 30px; height: 50px; border-radius: 0 20px 20px 0; } input[type="checkbox"], input[type="radio"] { padding: 0; } .search-form input[type="submit"], .widget .search-form input[type="submit"] { padding: 0; } /** * 6.0 Navigations */ /** * 6.1 Links */ a, a strong { outline: 0; text-decoration: none; color: #54be73; } a:hover, a:focus, a:active, a:hover strong { outline: 0; text-decoration: none; color: #2e3236; } a:focus { outline: thin dotted; outline: 0; } a:hover, a:active { outline: 0; } /** * 6.2 Menus */ /* Main Navigation */ .header-wrapper { height: 150px; position: relative; z-index: 1001; background-color: #ffffff; } .header__row {} .header__logo { float: left; } .header__logo-inner { display: table; height: 100px; width: 100%; } .is-sticky .header__logo-inner { height: 80px; } .header__logo div.logo { display: table-cell; vertical-align: middle; } .header__menu { float: right; } .header__menu-inner { display: table; height: 100px; width: 100%; } .is-sticky .header__menu-inner { height: 80px; } .header__menu .create-menu { margin-top: 0; } /* Menu strip */ .menu-strip { display: none; } .main-nav { float: none; text-align: center; font-family: 'Roboto', sans-serif; } .main-nav .menu, .main-nav .menu ul { margin: 0; padding: 0; font-size: 18px; font-size: 1.4rem; font-weight: 700; line-height: 0; list-style: none; } .main-nav ul.menu { margin-right: -10px; } .main-nav .menu li { position: relative; padding: 0 10px; } @media (max-width: 1445px) { .main-nav .menu li { position: relative; padding: 0 10px; } } .main-nav .menu ul li { padding: 0; } .main-nav .menu > li { display: inline-block; } .main-nav .menu li a { line-height: 1; color: #54575a; } .main-nav .menu li.active > a, .main-nav .menu li a:active, .main-nav .menu li a:focus, .main-nav .menu li a:hover { color: #54be73; } .main-nav .menu li ul { display: block; position: absolute; top: 45px; left: -30px; z-index: 2000; min-width: 300px; padding: 10px 30px; text-align: left; background: #959ca3; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; -moz-transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, -moz-transform 0.3s ease-in-out 0.1s; transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.1s; } .main-nav .menu li:hover > ul { overflow: visible; filter: alpha(opacity=100); opacity: 1; visibility: visible; -webkit-transform: translate(2px, 0px); -moz-transform: translate(2px, 0px); transform: translate(2px, 0px); } .main-nav .menu li li ul { left: 100%; top: -40px; -webkit-transform: translate(62px, 0px); -moz-transform: translate(62px, 0px); transform: translate(62px, 0px); } .main-nav .menu li li:hover > ul { -webkit-transform: translate(62px, 0px); -moz-transform: translate(62px, 0px); transform: translate(62px, 0px); } .main-nav .menu li li a { color: #ffffff; display: block; font-size: 18px; font-size: 1.4rem; font-weight: 600; line-height: 1; padding: 20px 0; position: relative; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .main-nav .menu li li + li a { border-top: solid 1px #9ea6ad; } .main-nav .menu li li a:hover { color: #dddddd; } .main-nav .menu li li li:first-child a { border-top: none; } .main-nav > ul > li .dropdown .fa-angle-right, .main-nav > ul > li .dropdown .fa-angle-left { line-height: 20px; } /* Is too long menu */ /* Main menu */ .main-nav .menu > li.md-hidden { display: none; } .main-nav .menu > li#more-li {} .main-nav .menu > li#more-li > a { font-size: 18px; font-size: 1.8rem; font-weight: 600; position: relative; top: 2px; text-align: right; color: #9ca4ab; } .main-nav .menu > li#more-li:hover {} .main-nav .menu > li#more-li > ul { left: auto; right: 0; } .main-nav .menu > li#more-li > ul [class*=icon] { display: none; } .main-nav .menu > li#more-li > ul li.menu-item-has-children > a:before { content: '\f107'; font-family: 'FontAwesome'; display: inline-block; position: absolute; width: 0; right: 5px; top: 24px; } /* Main menu -- dropdown */ .main-nav #more-li > ul li ul { left: auto; right: 100.5%; } .main-nav .menu li li a {} /* Main menu -- dropdown level 2,3,... */ .main-nav .menu li li ul { background-color: #818181; } .top-menu > ul > li.--hidden { display: none; } .top-menu > ul > li#more-li { margin-right: 0; } @media screen and (max-width: 991px) { .top-menu > ul > li#more-li { float: right; } } .top-menu > ul > li#more-li > a { font-size: 18px; font-size: 1.8rem; font-weight: 600; position: relative; top: -3px; text-align: right; color: #ffffff; } .top-menu > ul > li#more-li:after{ display: none; } .top-menu > ul > li#more-li > ul { left: auto; right: 0; } .top-menu > ul > li#more-li > ul [class*=icon] { display: none; } .top-menu > ul > li#more-li > ul li.menu-item-has-children > a:before { content: '\f107'; font-family: 'FontAwesome'; display: inline-block; position: absolute; width: 0; right: 5px; top: 24px; } /* Top menu -- dropdown */ .top-menu #more-li ul { display: block; position: absolute; top: 49px; left: -30px; z-index: 2000; min-width: 300px; padding: 10px 30px; text-align: left; background-color: #818181; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; -moz-transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, -moz-transform 0.3s ease-in-out 0.1s; transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.1s; } .top-menu #more-li:hover > ul { overflow: visible; filter: alpha(opacity=100); opacity: 1; visibility: visible; -webkit-transform: translate(2px, 0px); -moz-transform: translate(2px, 0px); transform: translate(2px, 0px); } .top-menu #more-li > ul li { display: block; float: none; position: relative; } .top-menu #more-li > ul li:after { display: none; } .top-menu #more-li > ul li ul { left: auto; right: 100.5%; } /* Mobile Menu */ .mobile-menu { cursor: pointer; height: 40px; width: 80px; position: absolute; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=0); /* Older than Firefox 0.9 */ -moz-opacity: 0; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 0; z-index: 10; border: none; } .mobile-menu-title { display: inline-block; width: 80px; height: 40px; font-size: 18px; font-weight: 600; line-height: 40px; text-transform: uppercase; text-align: right; color: #9ca4ab; } .mobile-menu select, .mobile-menu option { color: #2e3236; } .nav-button { display: table-cell; vertical-align: middle; position: relative; width: 80px; height: 40px; margin: 0 auto 0 auto; padding: 0 0 0 0; line-height: 40px; text-align: center; } /* Social Navigation */ .social-navigation { margin: -5px 0 0 0; overflow: hidden; } .social-navigation ul { list-style: none; margin: 0 0 0 0; } .social-navigation li { float: left; } .social-navigation a { position: relative; display: block; height: 30px; width: 30px; border-radius: 15px; margin: 5px 5px 0 0; background-color: #ffffff; color: #2e3236; } .social-navigation a:before { content: "\f415"; font-size: 18px; line-height: 30px; text-align: center; position: absolute; top: 0; left: 0; height: 30px; width: 30px; } .social-navigation a[href*="codepen.io"]:before {content: "\f216";} .social-navigation a[href*="digg.com"]:before {content: "\f221";} .social-navigation a[href*="dribbble.com"]:before {content: "\f201";} .social-navigation a[href*="dropbox.com"]:before {content: "\f225";} .social-navigation a[href*="facebook.com"]:before {content: "\f203";} .social-navigation a[href*="flickr.com"]:before {content: "\f211";} .social-navigation a[href*="foursquare.com"]:before {content: "\f226";} .social-navigation a[href*="plus.google.com"]:before {content: "\f206";} .social-navigation a[href*="github.com"]:before {content: "\f200";} .social-navigation a[href*="instagram.com"]:before {content: "\f215";} .social-navigation a[href*="linkedin.com"]:before {content: "\f208";} .social-navigation a[href*="pinterest.com"]:before {content: "\f210";} .social-navigation a[href*="getpocket.com"]:before {content: "\f224";} .social-navigation a[href*="polldaddy.com"]:before {content: "\f217";} .social-navigation a[href*="reddit.com"]:before {content: "\f222";} .social-navigation a[href*="stumbleupon.com"]:before {content: "\f223";} .social-navigation a[href*="tumblr.com"]:before {content: "\f214";} .social-navigation a[href*="twitter.com"]:before {content: "\f202";} .social-navigation a[href*="vimeo.com"]:before {content: "\f212";} .social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before {content: "\f205";} .social-navigation a[href*="youtube.com"]:before {content: "\f213";} .social-navigation a[href*="mailto:"]:before {content: "\f410";} .social-navigation a[href*="spotify.com"]:before {content: "\f515";} .social-navigation a[href*="twitch.tv"]:before {content: "\f516";} .social-navigation a[href$="/feed/"]:before {content: "\f413";} .social-navigation a[href*="path.com"]:before {content: "\f219";} .social-navigation a[href*="skype.com"]:before {content: "\f220";} .social-navigation li a:hover {background-color:#54be73;} .social-navigation li a:hover::before {color: #ffffff;} .social-navigation li a:hover[href*="facebook.com"] {background-color: #3b5998;} .social-navigation li a:hover[href*="twitter.com"] {background-color: #33ccff;} .social-navigation li a:hover[href*="plus.google.com"] {background-color: #dd4b39;} .social-navigation li a:hover[href*="linkedin.com"] {background-color: #069;} .social-navigation li a:hover[href*="instagram.com"] {background-color: #3f729b;} .social-navigation li a:hover[href*="pinterest.com"] {background-color: #c8232c; } .social-navigation li a:hover[href*="vimeo.com"] {background-color: #1AB7EA; } .unyson_content .social-navigation { padding-left: 0; text-align: center; } .unyson_content .social-navigation li { display: inline-block; float: none; } .unyson_content .social-navigation li:before { display: none; } .unyson_content .social-navigation li + li { margin-top: 0; } .unyson_content .social-navigation li a { background-color: #a5adb5; color: #ffffff; } .unyson_content .social-navigation li a:before { font-size: 13px; color: #ffffff; } /* Share icons */ .share-this { min-height: 29px; } .share-this ul.social-icons { overflow: hidden; } ul.share-icons { margin: 0; padding: 0; } .share-icons > li { display: inline-block; position: relative; } .share-icons li a { display: block; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px; } .share-icons li a:before { margin-right: 0; } .share-icons > li { line-height: 29px; margin-left: 0; } .share-icons > li > a { color: #999999; width: 30px; height: 30px; position: relative; display: inline-block; padding: 0; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .share-icons > li > a:hover { color: #2e3236; } /* Post Navigation */ .entry-content__inner + .post-navigation, .entry-content + .post-navigation { margin-top: 60px; } .post-navigation { font-weight: 600; } .post-navigation a { display: block; padding: 30px 30px; text-align: center; height: 100%; } .post-navigation span { display: block; } .post-navigation .meta-nav { font-size: 14px; font-size: 1.4rem; line-height: 2.1429; position: relative; text-transform: uppercase; z-index: 2; color: #54be73; } .post-navigation .post-title { font-size: 24px; font-size: 2.4rem; font-weight: 500; line-height: 1.25; position: relative; z-index: 2; color: #ffffff; overflow: hidden; min-height: 60px; max-height: 60px; } .post-navigation .nav-next, .post-navigation .nav-previous { position: relative; float: left; width: 50%; } .post-navigation .nav-next a { position: relative; margin-left: 5px; background-color: #2e3236; background-position: center; background-size: cover; } .post-navigation .nav-previous a { position: relative; margin-right: 5px; background-color: #2e3236; background-position: center; background-size: cover; } .post-navigation a:before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .post-navigation .nav-next a:before, .post-navigation .nav-previous a:before { background-color: rgba(41, 42, 46, 0.5); } .post-navigation a:hover:before, .post-navigation a:focus:before { background-color: rgba(41, 42, 46, 0.8); } /* Pagination */ .pagination { font-family: 'Roboto', sans-serif; font-size: 17px; font-size: 1.7rem; font-weight: 500; line-height: 0.9412; margin-top: 55px; margin-bottom: 0; color: #2e3236; } .pagination a, .pagination span { display: block; float: left; min-width: 47px; min-height: 47px; height: 47px; margin: 5px 5px 0 0; padding: 15px; text-align: center; border-radius: 45px; background-color: #bcbfc2; color: #565a5e; } .pagination span span { display: none; float: initial; min-width: initial; min-height: initial; height: initial; margin: 0; padding: 0; text-align: center; border-radius: 0; background-color: transparent; color: #ffffff; } .pagination .current, .pagination a:hover, .pagination a:focus { background-color: #54be73; color: #ffffff; } /* reset screen-reader-text */ .pagination .current .screen-reader-text { position: static !important; } /* Image Navigation */ .image-navigation { color: #707070; font-size: 12px; font-size: 1.2rem; font-weight: 600; line-height: 1.5; text-transform: uppercase; } .image-navigation a { color: #707070; } .image-navigation a:hover, .image-navigation a:focus { color: #2e3236; } .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty) { display: inline-block; } .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { content: "\2215"; font-weight: 400; margin: 0 0.7em; } .image-navigation .nav-previous a:before { content: "\f430"; margin-right: 0.2em; position: relative; } .image-navigation .nav-next a:after { content: "\f429"; margin-left: 0.2em; position: relative; } .image-navigation { padding: 0 7.6923%; } .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty) { margin-bottom: 2em; } /** * 7.0 Accessibility */ /* Text meant only for screen readers */ .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* must have higher specificity than alternative color schemes inline styles */ .site .skip-link { background-color: #f1f1f1; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); color: #21759b; display: block; font: bold 14px/normal "Noto Sans", sans-serif; left: -9999em; outline: none; padding: 15px 23px 14px; text-decoration: none; text-transform: none; top: -9999em; } .logged-in .site .skip-link { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); font: bold 14px/normal "Open Sans", sans-serif; } .site .skip-link:focus { clip: auto; height: auto; left: 6px; top: 7px; width: auto; z-index: 100000; } /** * 8.0 Alignments */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } /** * 9.0 Clearings */ .clear:before, .clear:after, .site:before, .site:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .nav-links:before, .nav-links:after, .comment-navigation:before, .comment-navigation:after, .social-navigation ul:before, .social-navigation ul:after, .textwidget:before, .textwidget:after { content: ""; display: table; } .clear:after, .site:after, .entry-content:after, .comment-content:after, .site-content:after, .nav-links:after, .comment-navigation:after, .social-navigation ul:after, .textwidget:after { clear: both; } /** * 10.0 Header */ body.admin-bar {} .header { position: relative; z-index: 1000; width: 100%; } .header, .is-sticky .header { background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); } .sticky-wrapper { height: auto !important; } .sticky-wrapper.is-sticky {} .sticky-wrapper .header { width: 100%; } /* Header Top */ .header-top { height: 50px; border-top: solid 1px #9ea6ad; background-color: #959ca3; color: #ffffff; } @media (max-width: 991px) { .header-top { height: auto; } } .header-top__menu { display: inline-block; width: 100%; } .header-top__menu .top-menu { font-size: 14px; letter-spacing: 0.02em; list-style: none; height: 28px; overflow: hidden; margin: 11px 0 0 0; padding: 0; } .header-top__menu .top-menu ul { padding: 0; margin: 0; } .header-top__menu .top-menu li { float: left; margin-right: 11px; list-style: none; } .header-top__menu .top-menu li:after { content: '/'; font-size: 8px; display: block; float: left; margin-top: 5px; margin-right: 11px; } .header-top__menu .top-menu li:first-child:after { display: none; } .header-top__menu .top-menu a { color: #ffffff; } .header-top__menu .top-menu a:hover, .header-top__menu .top-menu a:active { color: #dddddd; } .header-top__social { display: inline-block; } .header-top__social .social-navigation { margin-top: 1px; list-style: none; padding: 0; } .header-top__social .social-navigation a { height: 36px; width: 36px; line-height: 36px; border-radius: 18px; background-color: #a5adb5; color: #ffffff; } .header-top__social .social-navigation a:before { font-size: 13px; height: 36px; width: 36px; line-height: 36px; color: #ffffff; } .header-top__line1 { text-align: right; line-height: 0; } @media (max-width: 991px) { .header-top__line1 { text-align: left; min-height: 49px; background-color: #9ea6ad; } .header-top__line1:before { content: ''; display: block; position: absolute; top: 0; right: 100%; height: 49px; width: 9999px; background-color: #9ea6ad; } .header-top__line1:after { content: ''; display: block; position: absolute; top: 0; left: 100%; height: 49px; width: 9999px; background-color: #9ea6ad; } } @media (max-width: 991px) { .header-top__line2 { clear: both; } } /* Logo */ div.logo { height: 80px; line-height: 80px; } div.logo > a { display: inline-block; } div.logo img.logo_big { max-height: 40px; margin-top: 0; margin-bottom: 0; } div.logo div.text-logo { line-height: 0; display: inline-block; vertical-align: middle; } /* Blog Name */ .blogname { font-family: 'Montserrat', sans-serif; line-height: 1; } .blogname a { display: inline-block; font-weight: 900; } .blogname a span { font-weight: 300; } .blogname a, .blogname a:hover, .blogname a:active, .blogname a:focus { display: inline-block; padding: 0 0 0 0; font-size: 28px; text-decoration: none; line-height: 28px; color: #13191f; white-space: nowrap; } .blogdescr { font-family: 'Lora', serif; line-height: 1; white-space: nowrap; margin-top: 3px; color: #9ca4ab; } .blogdescr a { display: inline-block; font-size: 13px; line-height: 13px; } .blogdescr a, .blogdescr a:hover, .blogdescr a:active, .blogdescr a:focus { text-decoration: none; color: #9ca4ab; } /* Header buttons */ .header__buttons-inner { display: table; height: 120px; width: 100%; text-align: right; } .is-sticky .header__buttons-inner { height: 80px; } .header__buttons-wrapper { display: table-cell; vertical-align: middle; } .header-button { font-size: 18px; line-height: 30px; color: #2e3236; } @media ( min-width: 1200px ) { .header-button { font-size: 24px; line-height: 30px; } } .header-button__shop, .header-button__login, .header-button__search { cursor: pointer; } .header-button__divider { margin-left: 15px; margin-right: 15px; padding: 0 0 0 1px; background-color: #e9e9ea; } /* Search Box */ .search-box { position: relative; padding-left: 19px; float: right; background-color: #9ea6ad; } .header-top__social + .search-box { margin-left: 29px; } .search-box:before { content: ''; display: block; position: absolute; top: 0; left: 100%; height: 49px; width: 9999px; background-color: #9ea6ad; } @media (max-width: 991px) { .search-box { background-color: transparent; } .search-box:before { display: none; } } .search-box--opened .search-box {} .search-box__form { position: relative; margin-right: 30px; width: 185px; } .search-box--opened .search-box__form { } .search-box__label { font-size: 18px; font-weight: 300; line-height: 18px; text-align: left; display: none; } .search-box--opened .search-box__label {} .search-box__icon { width: 30px; margin-right: -7px; line-height: 49px; text-align: center; float: right; cursor: pointer; } input[type=search].search-box__input { font-size: 14px; font-weight: 300; line-height: 49px; padding: 0 0 0 0; border: none; background-color: transparent; cursor: pointer; color: #ffffff; } input[type=search].search-box__input::-webkit-input-placeholder {color: #ffffff;} input[type=search].search-box__input:-moz-placeholder {color: #ffffff;} input[type=search].search-box__input::-moz-placeholder {color: #ffffff;} input[type=search].search-box__input:-ms-input-placeholder {color: #ffffff;} .search-box--opened input[type=search].search-box__input {} .search-box--opened input[type=search].search-box__input.fadein {} /* Search animation */ .search-box, .search-box--opened .search-box, input[type=search].search-box__input, .search-box--opened input[type=search].search-box__input, input[type=search].search-box__input.fadein, .search-box--opened input[type=search].search-box__input.fadein { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* Header login popup */ .header-login-popup { position: absolute; right: 0; top: 100%; z-index: 1; width: 370px; min-height: 200px; padding: 60px 60px 135px 60px; background-color: #2e3236; display: none; } .header-login-popup--opened { display: block; } .header-login-popup #loginform { overflow: hidden; } .header-login-popup #loginform label { display: none; } .header-login-popup #loginform input[type="text"], .header-login-popup #loginform input[type="password"] { text-align: center; border-color: #3f4043; background-color: #2e3236; width: 100%; } .header-login-popup #loginform input[type="text"]:focus, .header-login-popup #loginform input[type="password"]:focus { border-color: #6a6a6d; } /* Placeholder text color -- selectors need to be separate to work. */ .header-login-popup #loginform input[type="text"]::-webkit-input-placeholder {color: #6a6b6c;} .header-login-popup #loginform input[type="password"]::-webkit-input-placeholder {color: #6a6b6c;} .header-login-popup #loginform input[type="text"]:-moz-placeholder {color: #6a6b6c;} .header-login-popup #loginform input[type="password"]:-moz-placeholder {color: #6a6b6c;} .header-login-popup #loginform input[type="text"]::-moz-placeholder {color: #6a6b6c;} .header-login-popup #loginform input[type="password"]::-moz-placeholder {color: #6a6b6c;} .header-login-popup #loginform input[type="text"]:-ms-input-placeholde {color: #6a6b6c;} .header-login-popup #loginform input[type="password"]:-ms-input-placeholder {color: #6a6b6c;} .header-login-popup #loginform .login-username { margin-bottom: 15px; display: block; } .header-login-popup #loginform .login-password { margin-bottom: 15px; display: block; } .header-login-popup #loginform .login-remember { position: absolute; right: 60px; bottom: 135px; margin: 0; text-align: right; color: #999999; } .header-login-popup #loginform .login-remember label { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 2.3077; font-weight: 400; margin-bottom: 0; cursor: pointer; } .header-login-popup #loginform .login-remember label:hover { color: #999999; } .header-login-popup #loginform .login-remember label input[type="checkbox"] { display: none; } .header-login-popup #loginform .login-remember label input[type="checkbox"] + span { position: relative; display: inline-block; width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; cursor: pointer; border: solid 1px #3f4043; background: #2e3236; } .header-login-popup #loginform .login-remember label input[type="checkbox"]:checked + span:before { display: block; content: '\f00c'; font-family: 'FontAwesome'; position: relative; top: -4px; left: -2px; color: #999999; } .header-login-popup #loginform .login-submit { position: absolute; right: 0; bottom: 60px; text-align: center; margin: 0; width: 100%; } /* Header login button */ .header-login-popup #loginform .login-submit input[type="submit"]:after { content: '\f084'; font-family: FontAwesome; } .header-login-popup #loginform .login-submit input[type="submit"] { border: none; margin: 0; padding: 15px 40px; background-color: #54be73; color: #ffffff; } .header-login-popup #loginform .login-submit input[type="submit"]:hover { background-color: #ffffff; color: #2e3236; } .header-login-popup__forgot-password { font-size: 12px; font-size: 1.2rem; font-weight: 400; line-height: 2.3077; text-align: left; text-transform: uppercase; display: block; width: 50%; color: #ffffff; } .header-login-popup__forgot-password:hover { color: #999999; } /** * Style2: Header with main slider */ /* Logo before header */ .sidebar-before-header .logo-before-header { position: absolute; top: 20px; left: 60px; z-index: 2; } body.admin-bar .sidebar-before-header .logo-before-header { top: 60px; } @media (max-width: 767px) { .sidebar-before-header .logo-before-header { display: none; } } /* Header Menu */ @media (min-width: 1024px) { .sticky-wrapper:not(.is-sticky) .with-main-slider .header__logo { position: absolute; top: 0; left: 0; } .sticky-wrapper:not(.is-sticky) .with-main-slider .header__logo .header__logo-inner { opacity: 0; } .sticky-wrapper:not(.is-sticky) .with-main-slider .header__menu { float: none; margin-right: auto; margin-left: auto; } .sticky-wrapper:not(.is-sticky) .with-main-slider .header__menu .main-nav { text-align: left; } .sticky-wrapper:not(.is-sticky) .with-main-slider .header__buttons { position: absolute; top: 0; right: 0; } } @media (min-width: 1024px) { .sticky-wrapper:not(.is-sticky) .with-main-slider .header__menu { width: 990px; } } @media (min-width: 1200px) { .sticky-wrapper:not(.is-sticky) .with-main-slider .header__menu { width: 1190px; } } @media (min-width: 1445px) { .sticky-wrapper:not(.is-sticky) .with-main-slider .header__menu { width: 1235px; } } @media (max-width: 1023px) { .with-main-slider .header__menu, .with-main-slider .header__buttons { width: 50%; } .with-main-slider .nav-button { text-align: left; } } @media (min-width: 768px) and (max-width: 1023px) { .sticky-wrapper:not(.is-sticky) .with-main-slider .header__logo, .sticky-wrapper.is-sticky .with-main-slider .header__logo { display: none; } } @media (max-width: 480px) { .with-main-slider .header__menu { width: 25%; } .with-main-slider .header__buttons { width: 75%; } } /* Marked / Big Button */ .sticky-wrapper:not(.is-sticky) .with-main-slider .main-nav .menu > li.marked > a { padding: 8px 40px 8px 40px; border-radius: 20px; background-color: #54be73; color: #ffffff; } .sticky-wrapper.is-sticky .with-main-slider .main-nav .menu > li.marked > a { color: #54be73; } .sticky-wrapper:not(.is-sticky) .with-main-slider .header__logo .header__logo-inner, .sticky-wrapper.is-sticky .with-main-slider .header__logo .header__logo-inner, .header__logo-inner, .header__menu-inner, .header__buttons-inner, .transition-on { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /** * 11.0 Widgets */ .page .sleft .entry-content__inner, .page .sright .entry-content__inner { overflow: hidden; padding-top: 12px; padding-left: 25px; padding-right: 25px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); border-radius: 3px 3px 3px 3px; } .single-post .entry-content__inner { overflow: hidden; padding-top: 25px; padding-left: 25px; padding-right: 25px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); border-radius: 3px 3px 3px 3px; } .site__sidebar {} /* Sidebars */ .sidebar-after-header > .row, .sidebar-before-header > .row { margin-left: 0; margin-right: 0; } .sidebar-before-loop { margin-bottom: 30px; } .sidebar-after-content { padding-top: 90px; padding-bottom: 90px; background-color: #ffffff; } .sidebar-before-footer { background-color: #ffffff; } .sidebar-before-footer > .row { margin-left: 0; margin-right: 0; } .sidebar-before-content { margin-bottom: 0; } .sidebar-before-content .widget { margin-bottom: 30px; } .secondary { margin-top: 75px; } .custom-background .secondary .widget { padding: 12px; border-radius: 2px; margin-left: -12px; margin-right: -12px; background-color: #ffffff; } .custom-background .secondary .widget + .widget { margin-top: 63px; } /* Widgets */ #secondary .widget { margin-bottom: 75px; } #secondary .widget:last-child, #secondary .widget + .widget:last-child { margin-bottom: 0; } .widget + .widget {} .widget-title { font-size: 29px; font-size: 2.9rem; line-height: 1.0345; text-align: center; margin: 0 0 30px 0; color: #565a5e; } .widget > :last-child { margin-bottom: 0; } .widget_archive > ul, .widget_categories > ul, .widget_links > ul, .widget_meta > ul, .widget_nav_menu > div > ul, .widget_nav_menu > ul, .widget_pages > ul, .widget_recent_comments > ul, .widget_recent_entries > ul { list-style: none; padding-left: 0; } .widget_nav_menu > div :last-child { margin-bottom: 0; } .widget_archive li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_categories li { color: #2e3236; } .widget_archive a, .widget_links a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_categories a { color: #999999; } .widget_archive a:hover, .widget_links a:hover, .widget_meta a:hover, .widget_nav_menu a:hover, .widget_pages a:hover, .widget_categories a:hover { color: #54be73; } /* Wordpress Custom Menu */ .widget_nav_menu .social-navigation { text-align: center; } .widget_nav_menu .social-navigation li { display: inline-block; float: none; } /* Wordpress Recent Comments */ .widget_recent_comments li { overflow: hidden; } .widget_recent_comments ul li + li { margin-top: 30px; } .widget_recent_comments .recentcomments .comment-head { overflow: hidden; } .widget_recent_comments .recentcomments .author-avatar { margin-right: 20px; margin-bottom: 0; float: left; } .widget_recent_comments .recentcomments .author-avatar, .widget_recent_comments .recentcomments .author-avatar img { height: 60px; } .widget_recent_comments .recentcomments .author-avatar img { border-radius: 30px; } .widget_recent_comments li { color: #999999; } .widget_recent_comments a { color: #2e3236; } .widget_recent_comments a:hover { color: #54be73; } /* Wordpress RSS */ .widget_rss > ul { padding-left: 0; list-style: none; } .widget_rss > ul li + li { margin-top: 30px; } .widget_rss li { color: #999999; } .widget_rss a { color: #2e3236; } .widget_rss a:hover { color: #54be73; } /* Wordpress Search */ .widget_search .search-form label { display: block; margin: 0; } /* Wordpress Calendar */ .widget_calendar table {} .widget_calendar .calendar_wrap > table > caption { padding-bottom: 7px; } /* Wordpress Tag cloud */ .widget_tag_cloud .tagcloud { overflow: hidden; margin-top: -5px; text-align: center; } .widget_tag_cloud .tagcloud a { font-size: 14px !important; font-weight: 500; line-height: 15px; display: inline-block; padding: 15px 20px; border-radius: 45px; margin: 5px 5px 0 0; background-color: #f2f2f2; color: #2e3236; } .widget_tag_cloud .tagcloud a:hover { background-color: #54be73; color: #ffffff; } /* Wordpress Text Widget */ .widget_text .textwidget p:last-child { margin-bottom: 0; } /* Bootstrap select */ .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0; } .bootstrap-select.btn-group>.btn:first-child { font-family: 'Lora', serif; font-size: 14px; font-size: 1.4rem; line-height: inherit; letter-spacing: normal; border-radius: 20px; height: 50px; padding: 9px 29px 9px 19px; color: #797f85; } .bootstrap-select.btn-group .btn .filter-option { text-transform: none; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select .btn, .bootstrap-select .btn:focus { outline: 0 !important; } .bootstrap-select.btn-group .btn .caret { font-size: 10px; margin-top: 0; border: none; } .bootstrap-select.btn-group .btn .caret:after { content: '\f078'; font-family: FontAwesome; font-size: 11px; font-size: 1.1rem; display: inline-block; width: 24px; height: 24px; position: absolute; top: -9px; right: 11px; color: #54be73; } .secondary .btn-default { border-color: #e5e5e5; color: #999999; } .secondary .btn-default:focus, .secondary .btn-default:hover, .secondary .open>.dropdown-toggle.btn-default { border-color: #d9dadc; color: #999999; } .bootstrap-select.btn-group .dropdown-menu {} /* Contact From 7 */ form.wpcf7-form { background-color: #fafafa; padding: 30px 30px 5px 30px; } form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"], form.wpcf7-form input[type="url"], form.wpcf7-form input[type="password"], form.wpcf7-form input[type="search"], form.wpcf7-form textarea { font-size: 14px; font-size: 1.4rem; border: none; background-color: #ffffff; } form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"], form.wpcf7-form input[type="url"], form.wpcf7-form input[type="password"], form.wpcf7-form input[type="search"] { width: 50%; } form.wpcf7-form textarea { resize: none; } form.wpcf7-form .submit { text-align: center; } form.wpcf7-form .submit button, form.wpcf7-form .submit input[type="button"], form.wpcf7-form .submit input[type="reset"], form.wpcf7-form .submit input[type="submit"] { padding-left: 60px; padding-right: 60px; margin: 0; } /* MailChimp Widget */ .widget.widget_text .mc4wp-form p, .widget.widget_mc4wp_form_widget p { position: relative; } .widget.widget_text .mc4wp-form .mc4wp_button_position_absolute, .widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute { position: absolute; top: 0; right: 0; height: 50px; } .widget.widget_text .mc4wp-form .mc4wp_button_position_absolute input, .widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute input { height: 50px; width: 50px; padding: 0; border-radius: 0; background-color: transparent !important; z-index: 2; position: relative; } .widget.widget_text .mc4wp-form .mc4wp_button_position_absolute .fa, .widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute .fa, .widget.widget_text .mc4wp-form .mc4wp_button_position_absolute [class^="flaticon-"], .widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute [class^="flaticon-"], .widget.widget_text .mc4wp-form .mc4wp_button_position_absolute [class*=" flaticon-"], .widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute [class*=" flaticon-"] { font-size: 10px; position: absolute; z-index: 1; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #54be73; } .widget.widget_text .mc4wp-form .mc4wp_button_position_absolute:hover .fa, .widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute:hover .fa { color: #ffffff; } .widget.widget_text .mc4wp-form .button, .widget.widget_text .mc4wp-form button, .widget.widget_text .mc4wp-form input[type="button"], .widget.widget_text .mc4wp-form input[type="reset"], .widget.widget_text .mc4wp-form input[type="submit"] { background-color: #999999; color: #ffffff; } .widget.widget_text .mc4wp-form .button:hover, .widget.widget_text .mc4wp-form button:hover, .widget.widget_text .mc4wp-form input[type="button"]:hover, .widget.widget_text .mc4wp-form input[type="reset"]:hover, .widget.widget_text .mc4wp-form input[type="submit"]:hover, .widget.widget_text .mc4wp-form button:focus, .widget.widget_text .mc4wp-form input[type="button"]:focus, .widget.widget_text .mc4wp-form input[type="reset"]:focus, .widget.widget_text .mc4wp-form input[type="submit"]:focus { background-color: #54be73; color: #ffffff; } .widget.widget_mc4wp_form_widget .mc4wp-form .button, .widget.widget_mc4wp_form_widget .mc4wp-form button, .widget.widget_mc4wp_form_widget .mc4wp-form input[type="button"], .widget.widget_mc4wp_form_widget .mc4wp-form input[type="reset"], .widget.widget_mc4wp_form_widget .mc4wp-form input[type="submit"] { background-color: #999999; color: #ffffff; } .widget.widget_mc4wp_form_widget .mc4wp-form .button:hover, .widget.widget_mc4wp_form_widget .mc4wp-form button:hover, .widget.widget_mc4wp_form_widget .mc4wp-form input[type="button"]:hover, .widget.widget_mc4wp_form_widget .mc4wp-form input[type="reset"]:hover, .widget.widget_mc4wp_form_widget .mc4wp-form input[type="submit"]:hover, .widget.widget_mc4wp_form_widget .mc4wp-form button:focus, .widget.widget_mc4wp_form_widget .mc4wp-form input[type="button"]:focus, .widget.widget_mc4wp_form_widget .mc4wp-form input[type="reset"]:focus, .widget.widget_mc4wp_form_widget .mc4wp-form input[type="submit"]:focus { background-color: #54be73; color: #ffffff; } .widget.widget_text .mc4wp-form .mc4wp-form-fields p:last-child { margin-bottom: 0; } .widget.widget_text .mc4wp-form ::-webkit-input-placeholder {color: #999999;} .widget.widget_text .mc4wp-form :-moz-placeholder {color: #999999;} .widget.widget_text .mc4wp-form ::-moz-placeholder {color: #999999; opacity: 1;} .widget.widget_text .mc4wp-form :-ms-input-placeholder {color: #999999;} .widget.widget_mc4wp_form_widget .mc4wp-form ::-webkit-input-placeholder {color: #999999;} .widget.widget_mc4wp_form_widget .mc4wp-form :-moz-placeholder {color: #999999;} .widget.widget_mc4wp_form_widget .mc4wp-form ::-moz-placeholder {color: #999999; opacity: 1;} .widget.widget_mc4wp_form_widget .mc4wp-form :-ms-input-placeholder {color: #999999;} /* Instagram / https://wordpress.org/plugins/instagram-feed/ */ #sb_instagram { padding-bottom: 0 !important; } #sb_instagram .sbi_header_text { padding-top: 0; } #sb_instagram .sb_instagram_header { margin-bottom: 5px; } #sb_instagram .sbi_header_text h3 { font-size: 15px; font-size: 1.5rem; line-height: 2; color: #2e3236; } #sb_instagram .sbi_header_text .sbi_bio { font-size: 12px; font-size: 1.2rem; line-height: 1.25; color: #999999; } /* overwrite plugin animation */ #sb_instagram .sbi_photo { position: relative; opacity: 1 !important; } #sb_instagram .sbi_photo:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-color: #ffffff; } #sb_instagram .sbi_photo:after { content: '\f064'; font-family: FontAwesome; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; font-size: 22px; line-height: 40px; text-align: center; margin: -20px 0 0 -20px; opacity: 0; color: #2e3236; } #sb_instagram .sbi_photo:hover:before { opacity: 0.5; } #sb_instagram .sbi_photo:hover:after { opacity: 1; } #sb_instagram .sbi_photo:before, #sb_instagram .sbi_photo:hover:before { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #sb_instagram .sbi_photo:after, #sb_instagram .sbi_photo:hover:after { -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @media (max-width: 480px) { #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item, #sb_instagram.sbi_col_10 #sbi_images .sbi_item { width: 50%; } #sb_instagram .sbi_photo { height: auto !important; } #sb_instagram img { display: block !important; } } .sidebar-footer-widget-wide #sb_instagram {} .sidebar-footer-widget-wide #sb_instagram .sbi_photo { height: 130px !important; } .sidebar-footer-widget-wide #sb_instagram #sbi_images { padding: 0 !important; overflow: hidden; height: 130px; } .sidebar-footer-widget-wide #sb_instagram #sbi_images .sbi_item { width: 130px; } /** * 12.0 Content */ /*html .site-content,*/ html.zebra .site-content, body.zebra .site-content { background: url("images/30x30.png") repeat 0 0; } .post-content *:last-child {} /* Blog Post Visibility */ .blog_post_visibility__excerpt {} .blog_post_visibility__content {} /* if on pages only first and last post */ .hentry.first-post + .hentry.first-post { margin-top: 30px; } /* Front page: 1 columns Layout */ .post-thumbnail-row { margin-left: 0; margin-right: 0; background-color: #ffffff; } .post-thumbnail-row .col-media { padding-left: 0; padding-right: 0; } .post-thumbnail-row .col-content { padding-left: 0; padding-right: 0; } .post-thumbnail-row .post__media { margin-right: 30px; } .post-thumbnail-row .post__media .post-thumbnail { margin-bottom: 0; } .front-posts-layout--1col .first-post .post-thumbnail-row .col-media, .front-posts-layout--1colws .first-post .post-thumbnail-row .col-media, .front-posts-layout--1colwsl .first-post .post-thumbnail-row .col-media, .front-posts-layout--1col .first-post .post-thumbnail-row .col-content, .front-posts-layout--1colws .first-post .post-thumbnail-row .col-content, .front-posts-layout--1colwsl .first-post .post-thumbnail-row .col-content { float: none; width: 100%; } .front-posts-layout--1col .first-post .post-thumbnail-row .post__media, .front-posts-layout--1colws .first-post .post-thumbnail-row .post__media, .front-posts-layout--1colwsl .first-post .post-thumbnail-row .post__media { margin-right: 0; } .front-posts-layout--1col .first-post .post-thumbnail-row .post__inner, .front-posts-layout--1colws .first-post .post-thumbnail-row .post__inner, .front-posts-layout--1colwsl .first-post .post-thumbnail-row .post__inner { padding: 60px 60px 60px 60px; } .front-posts-layout--1col .half-post .post-thumbnail-row, .front-posts-layout--1colws .half-post .post-thumbnail-row, .front-posts-layout--1colwsl .half-post .post-thumbnail-row { display: table; height: 100%; width: 100%; } .front-posts-layout--1col .half-post .post-thumbnail-row .col-media, .front-posts-layout--1colws .half-post .post-thumbnail-row .col-media, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-media, .front-posts-layout--1col .half-post .post-thumbnail-row .col-content, .front-posts-layout--1colws .half-post .post-thumbnail-row .col-content, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-content { float: none; display: table-cell; height: 100%; width: 50%; vertical-align: top; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media { height: 100%; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail { height: 100%; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail , .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail , .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail { height: 0; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail img, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail img, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail img { display: none; } .front-posts-layout--1col .post__inner, .front-posts-layout--1colws .post__inner, .front-posts-layout--1colwsl .post__inner { padding: 25px 25px 25px 25px; border-radius: 2px; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); background-color: #ffffff; } .post-thumbnail-row { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); background-color: #ffffff; } .post-thumbnail-row .post__inner { padding: 60px 60px 60px 30px; -webkit-box-shadow: none; box-shadow: none; background-color: #ffffff; } .search .post-content *:last-child, .post-thumbnail-row .post-content *:last-child, .front-posts-layout--1col .post-content *:last-child, .front-posts-layout--1colws .post-content *:last-child, .front-posts-layout--1colwsl .post-content *:last-child { margin-bottom: 0; } .front-posts-layout--1col .entry-title, .front-posts-layout--1colws .entry-title, .front-posts-layout--1colwsl .entry-title { font-size: 40px; font-size: 4rem; line-height: 1.125; } .front-posts-layout--1col .entry-title, .front-posts-layout--1colws .entry-title, .front-posts-layout--1colwsl .entry-title, .front-posts-layout--1col .entry-title a, .front-posts-layout--1colws .entry-title a, .front-posts-layout--1colwsl .entry-title a { color: #565a5e; } .front-posts-layout--1col .entry-title a:hover, .front-posts-layout--1colws .entry-title a:hover, .front-posts-layout--1colwsl .entry-title a:hover { color: #54be73; } .front-posts-layout--1col .hentry .excerpt-more, .front-posts-layout--1colws .hentry .excerpt-more, .front-posts-layout--1colwsl .hentry .excerpt-more { display: inline-block; } .blog_post_visibility__content .half-post .post-thumbnail-row, .blog_post_visibility__content .half-post .post-thumbnail-row .col-media, .blog_post_visibility__content .half-post .post-thumbnail-row .col-content { float: none; display: block; width: 100%; height: auto; } .blog_post_visibility__content .post-thumbnail-row .post__inner { padding: 60px 60px 60px 60px; } .blog_post_visibility__content .half-post .post-thumbnail-row .post__media { margin-right: 0; } .blog_post_visibility__content .half-post .post-thumbnail-row .post__media .post-thumbnail { height: auto; } .blog_post_visibility__content .half-post .post-thumbnail-row .post__media .post-thumbnail img { display: block; } .search .entry-content .post__inner, .archive .entry-content .post__inner { padding: 12px 25px 12px 25px; border-radius: 2px; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); background-color: #ffffff; } /* Front page: 2 columns Layout */ .front-posts-layout--2col .hentry + .hentry, .front-posts-layout--2colws .hentry + .hentry, .front-posts-layout--2colwsl .hentry + .hentry { margin-top: 0; } .front-posts-layout--2col .hentry .entry-content, .front-posts-layout--2colws .hentry .entry-content, .front-posts-layout--2colwsl .hentry .entry-content { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); } .front-posts-layout--2col .hentry.half-post .entry-content, .front-posts-layout--2colws .hentry.half-post .entry-content, .front-posts-layout--2colwsl .hentry.half-post .entry-content { margin-top: 30px; } .front-posts-layout--2col .post__media, .front-posts-layout--2colws .post__media, .front-posts-layout--2colwsl .post__media { background-color: #ffffff; } .front-posts-layout--2col .post__media .post-thumbnail, .front-posts-layout--2colws .post__media .post-thumbnail, .front-posts-layout--2colwsl .post__media .post-thumbnail { margin-bottom: 0; } .front-posts-layout--2col .post__inner, .front-posts-layout--2colws .post__inner, .front-posts-layout--2colwsl .post__inner { padding: 13px 25px 13px 25px; text-align: center; background-color: #ffffff; } .front-posts-layout--2colws .entry-title { font-size: 29px; font-size: 2.9rem; line-height: 1; } .front-posts-layout--2colws .before-title { margin-bottom: 7px; } .front-posts-layout--2col .excerpt-more, .front-posts-layout--2colws .excerpt-more, .front-posts-layout--2colwsl .excerpt-more { } .front-posts-layout--2col .excerpt-more .more-link, .front-posts-layout--2colws .excerpt-more .more-link, .front-posts-layout--2colwsl .excerpt-more .more-link { color: #947dc8; } .front-posts-layout--2col .excerpt-more .more-link:hover, .front-posts-layout--2colws .excerpt-more .more-link:hover, .front-posts-layout--2colwsl .excerpt-more .more-link:hover { color: #2e3236; } .front-posts-layout--2col .excerpt-more .more-link:after, .front-posts-layout--2colws .excerpt-more .more-link:after, .front-posts-layout--2colwsl .excerpt-more .more-link:after { display: none; } .front-posts-layout--2col .hentry.first-post .post__inner, .front-posts-layout--2colws .hentry.first-post .post__inner, .front-posts-layout--2colwsl .hentry.first-post .post__inner { text-align: left; } .front-posts-layout--2col .hentry.first-post .entry-title, .front-posts-layout--2colws .hentry.first-post .entry-title, .front-posts-layout--2colwsl .hentry.first-post .entry-title { font-size: 29px; font-size: 2.9rem; line-height: 1; } .front-posts-layout--2col .hentry.first-post .excerpt-more, .front-posts-layout--2colws .hentry.first-post .excerpt-more, .front-posts-layout--2colwsl .hentry.first-post .excerpt-more { } .front-posts-layout--2col .entry-title, .front-posts-layout--2colws .entry-title, .front-posts-layout--2colwsl .entry-title, .front-posts-layout--2col .entry-title a, .front-posts-layout--2colws .entry-title a, .front-posts-layout--2colwsl .entry-title a { color: #565a5e; } .front-posts-layout--2col .entry-title a:hover, .front-posts-layout--2colws .entry-title a:hover, .front-posts-layout--2colwsl .entry-title a:hover { color: #54be73; } .front-posts-layout--2col .post-content *:last-child, .front-posts-layout--2colws .post-content *:last-child, .front-posts-layout--2colwsl .post-content *:last-child { margin-bottom: 0; } .archive .entry-content .post__inner .post-content > *:last-child { margin-bottom: 0; } .site-content {padding: 90px 0;} .unyson-layout .site-content, .homepage .site-content {padding: 0;} .site-content .minus-site-padding-top {margin-top: -90px;} .site-content .minus-site-padding-bottom {margin-bottom: -90px;} .page .unyson-layout .site-content > .container { width: 100%; padding-left: 0; padding-right: 0; } .page .unyson-layout .site-content > .container .post-container.snone .entry-content__inner { margin-bottom: 0; } /** * 12.xx Breadcrumbs */ .entry-header-wrapper { padding: 20px 0 20px 0; background-color: #f3f6f7; -webkit-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.08); box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.08); text-align: center; position: relative; } .entry-header-wrapper .page-title, .entry-header-wrapper .entry-title { font-size: 29px; font-size: 2.9rem; line-height: 1.0345; margin-bottom: 0; color: #2e3236; } .entry-header-wrapper .postnum { display: block; margin-bottom: 15px; font-size: 16px; font-size: 1.6rem; font-weight: 500; line-height: 1.875; color: #797f85; } .search-results .entry-header-wrapper .postnum { margin-bottom: 0; } .entry-header-wrapper .page-title, .entry-header-wrapper .entry-title, .entry-header-wrapper .postnum, .entry-header-wrapper .breadcrumbs, .entry-header-wrapper .breadcrumb-ul { position: relative; z-index: 2; } /** * 12.1 Posts and pages */ .hentry { position: relative; } .search .hentry, .archive .hentry { padding-left: 0; padding-right: 0; } .hentry.has-post-thumbnail { padding-top: 0; } .hentry.sticky:not(.has-post-thumbnail) {} .hentry + .hentry { margin-top: 60px; } .front-posts-layout--1col div.clear + .hentry, .front-posts-layout--1colws div.clear + .hentry, .front-posts-layout--1colwsl div.clear + .hentry { margin-top: 60px; } .front-posts-layout--2col div.clear + .hentry.first-post, .front-posts-layout--2colws div.clear + .hentry.first-post, .front-posts-layout--2colwsl div.clear + .hentry.first-post { margin-top: 30px; } div.clear + .hentry.first-post { margin-top: 60px; } /* Post Featured/Pinned */ .post.sticky .entry-content {} .post .featured-wrap { position: absolute; top: 0; right: 15px; width: 45px; height: 45px; overflow: hidden; z-index: 1; } .post .featured { position: absolute; background: #ffffff; color: #54be73; text-align: center; top: -12px; right: -32px; width: 80px; height: 40px; line-height: 54px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .post .featured i:before { position: relative; right: -2px; top: -2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* Post Controls */ .post-controls { border-radius: 20px; overflow: hidden; background-color: #fafafa; margin: 0 0 22px 0; } .post-controls > div { height: 50px; position: relative; } .post-controls > div > * { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .post-controls .pctrl-left { float: left; } .post-controls .pctrl-right { float: right; } .post-controls .pctrl-social-btn { background-color: #37342f; color: #dad6d5; width: 50px; font-size: 18px; font-size: 1.8rem; cursor:pointer; } .post-controls .pctrl-social { width: 0px; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .post-controls .pctrl-social-btn div, .post-controls .pctrl-social ul {} .post-controls .pctrl-social .share-icons { position: absolute; left: -170px; line-height: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .post-controls .pctrl-like-btn { width: 50px; font-size: 18px; font-size: 1.8rem; border-right: 1px solid #ebeaea; } .post-controls.active .pctrl-social { width: 190px; } .post-controls.active .pctrl-social .share-icons { left: 12px; } .post-controls.active .pctrl-like-btn { border-left: 1px solid #ebeaea; } .post-controls .pctrl-like-btn a { color: #947dc8; vertical-align: middle; line-height: 1; } .post-controls .pctrl-like { color: #797f85; font-size: 15px; font-size: 1.5rem; } .post-controls .pctrl-view { font-size: 15px; font-size: 1.5rem; background-color: #947dc8; color: #ffffff; } .post-controls .pctrl-view strong { font-weight: 900; } .post-controls .pctrl-like { padding: 0 20px; } .post-controls .pctrl-view { padding: 0 30px; } /* :Post Controls */ /* Post Thumbnail */ /* Post Featured image */ .post-thumbnail { border: 0; display: block; margin-bottom: 30px; } .post-thumbnail img { display: block; margin: 0 auto; } /* Blog list post thumbnail */ a.post-thumbnail {} a.post-thumbnail:hover, a.post-thumbnail:focus {} a.post-thumbnail:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; visibility: hidden; opacity: 0; } a.post-thumbnail:hover:before, a.post-thumbnail:focus:before { background-color: rgba(41, 42, 46, 0.5); visibility: visible; opacity: 1; } a.post-thumbnail:before, a.post-thumbnail:hover:before, a.post-thumbnail:focus:before { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Post media */ .post__media { position: relative; background-color: #f2f2f2; } .post__media .post-thumbnail { text-align: center; } .post__media .post-thumbnail img {} .single-post .site__content .entry-content .post__media { margin-top: -25px; margin-left: -25px; margin-right: -25px; margin-bottom: 11px; border-bottom: solid 1px transparent; } .single-post .site__content .entry-content .post__media .post-thumbnail { margin-bottom: 0; } .single-post .site__content .entry-content .post__media iframe, .single-post .site__content .entry-content .post__media embed { margin-bottom: 0; } .single-post .site__content .entry-content .post__media .posted-on-block {} /* :Post Thumbnail */ .entry-header { padding: 0 7.6923%; } .entry-title { font-size: 24px; font-size: 2.4rem; line-height: 1.25; margin-bottom: 17px; } .entry-content, .entry-summary {} .entry-content > :last-child, .entry-summary > :last-child { margin-bottom: 0; } .entry-content, .entry-summary, .page-content, .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .entry-content a:hover, .entry-content a:focus, .entry-summary a:hover, .entry-summary a:focus, .page-content a:hover, .page-content a:focus, .comment-content a:hover, .comment-content a:focus, .pingback .comment-body > a:hover, .pingback .comment-body > a:focus { border-bottom: 0; } .entry-content a img, .entry-summary a img, .page-content a img, .comment-content a img { display: block; } .entry-content .more-link, .entry-summary .more-link { color: #947dc8; } .entry-content .more-link:hover, .entry-summary .more-link:hover, .entry-content .more-link:active, .entry-summary .more-link:active { color: #565a5e; } .entry-content .more-link, .entry-summary .more-link:after { white-space: nowrap; } .entry-content .more-link:after, .entry-summary .more-link:after { } .author-info { margin-top: 30px; margin-bottom: 30px; padding: 29px 29px; background-color: #f2f2f2; } .author-info .author-avatar { float: left; margin-top: -29px; margin-left: -29px; margin-right: 30px; } .author-info .avatar { border-radius: 0 !important; } .author-info .author-description { overflow: hidden; } .author-info .author-title { font-size: 29px; font-size: 2.9rem; line-height: 1; margin-bottom: 16px; color: #565a5e; } .author-info .author-bio { margin-bottom: 0; } .author-info .author-link { white-space: nowrap; } .author-info .author-link:after { } .entry-footer { background-color: #f7f7f7; color: #707070; font-size: 12px; font-size: 1.2rem; line-height: 2.5; padding: 15px 15px; } .entry-footer a { border-bottom: 1px solid transparent; color: #707070; color: rgba(51, 51, 51, 0.7); } .entry-footer a:hover { border-bottom: 1px solid #333; } .entry-footer a:hover, .entry-footer a:focus { color: #333; } .sticky-post { background-color: #333; color: #fff; font-weight: 600; padding: 0.25em 0.5em; position: absolute; top: 0; text-transform: uppercase; } .updated:not(.published) { display: none; } .sticky .posted-on { display: none; } /*.posted-on:before,*/ .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before { margin-right: 2px; position: relative; } .format-aside .entry-format:before {content: "\f101";} .format-image .entry-format:before {content: "\f473";} .format-gallery .entry-format:before {content: "\f103";} .format-video .entry-format:before {content: "\f104";} .format-status .entry-format:before {content: "\f105";} .format-quote .entry-format:before {content: "\f106";} .format-link .entry-format:before {content: "\f107";} .format-chat .entry-format:before {content: "\f108";} .format-audio .entry-format:before {content: "\f109";} /*.posted-on:before {content: "\f307";}*/ .byline:before {content: "\f304";} .cat-links:before {content: "\f301";} .tags-links:before {content: "\f302";} .comments-link:before {content: "\f300";} .full-size-link:before {content: "\f402";} .edit-link:before {content: "\f411";} .comments-link, .edit-link { white-space: nowrap; } .page-header { background-color: #fff; border-bottom: 1px solid rgba(51, 51, 51, 0.1); padding: 7.6923%; } .page-title { font-size: 18px; font-size: 1.8rem; line-height: 1.6667; margin-bottom: 30px; font-size: 40px; font-size: 4rem; font-weight: 500; line-height: 1.5; } .post__inner .page-title { font-size: 29px; line-height: 1.0345; margin-bottom: 26px; } .taxonomy-description { color: #707070; color: rgba(51, 51, 51, 0.7); padding-top: 0.4em; } .taxonomy-description a { border-bottom: 1px solid #333; } .taxonomy-description a:hover, .taxonomy-description a:focus { border-bottom: 0; } .taxonomy-description > :last-child { margin-bottom: 0; } .page-content { background-color: #fff; padding: 7.6923%; } .page-content > :last-child { margin-bottom: 0; } /* Page pagination/navigation */ .page-links { font-family: 'Roboto', sans-serif; overflow: hidden; font-size: 17px; font-size: 1.7rem; font-weight: 500; line-height: 0.9412; margin-top: -5px; margin-bottom: 30px; color: #2e3236; } .page-links > a, .page-links > span { display: block; float: left; min-width: 47px; min-height: 47px; height: 47px; margin: 5px 5px 0 0; padding: 15px; text-align: center; border-radius: 45px; background-color: #bcbfc2; color: #565a5e; } .page-links > span:not(.page-links-title), .page-links .current, .page-links a:hover, .page-links a:focus { background-color: #54be73; color: #ffffff; } .entry-attachment { margin-bottom: 1.6em; } .type-attachment .entry-title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .entry-caption { color: #707070; font-size: 12px; font-size: 1.2rem; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.5; padding-top: 0.5em; word-wrap: break-word; } .entry-caption > :last-child { margin-bottom: 0; } /** * Post footer meta */ .row.post-footer-meta {} .post-footer-meta { margin-top: 30px; margin-bottom: 30px; } /* Post time */ .posted-on { font-size: 14px; font-size: 1.4rem; font-weight: 300; line-height: 2.1429; color: #999999; } .posted-on a { color: #999999; } .posted-on a:hover { color: #2e3236; } /* Posted on block on img */ .posted-on-block { position: absolute; top: 0; left: 0; font-weight: 300; text-align: center; padding: 15px 0 0 0; min-width: 60px; background-color: #54be73; z-index: 1; } .posted-on-block .posted-day { display: block; font-size: 42px; line-height: 30px; color: #ffffff; } .posted-on-block .posted-month { display: block; font-size: 14px; line-height: 15px; padding-bottom: 5px; color: #2e3236; } .posted-on-block span > .entry-date { display: none; } .posted-on-block span > .updated { color: #ffffff; } .posted-on-block .comments-line { display: block; font-size: 12px; line-height: 15px; padding: 5px; background-color: #2e3236; color: #ffffff; } .posted-on-block .comments-line .fa { margin-right: 5px; } /* Post edit link */ .edit-link { clear: both; display: block; font-size: 14px; font-size: 1.4rem; font-weight: 500; line-height: 2.1429; margin-bottom: 30px; color: #404040; } /* Post Categories */ .cat-links { font-size: 14px; font-size: 1.4rem; font-weight: 500; line-height: 2.1429; margin-bottom: 30px; color: #404040; } .blog .cat-links { } /* Post tags links */ .tags-links { font-size: 14px; font-size: 1.4rem; font-weight: 500; line-height: 2.1429; margin-bottom: 30px; color: #404040; } .before-title { font-size: 13px; font-size: 1.3rem; font-style: italic; line-height: 2; margin-bottom: 6px; } .before-title .posted-on { font-size: 13px; font-size: 1.3rem; line-height: 2; display: inline-block; margin-right: 19px; } .before-title .byline { font-size: 13px; font-size: 1.3rem; line-height: 2; color: #54be73; } .before-title .byline:before, .before-title .cat-links:before, .before-title .tags-links:before { font-size: 15px; font-size: 1.5rem; line-height: 1.9334; margin-right: 6px; color: #54be73; } .before-title .byline span:last-child, .before-title .cat-links a:last-child, .before-title .tags-links a:last-child { margin-right: 19px; } .after-content { margin-bottom: 29px; } .after-content .edit-link, .after-content .byline, .after-content .cat-links, .after-content .tags-links { display: inline; } .entry-content__inner .edit-link:before, .after-content .edit-link:before, .after-content .byline:before, .after-content .cat-links:before, .after-content .tags-links:before { margin-right: 6px; color: #54be73; } .after-content .edit-link a:last-child, .after-content .byline span:last-child, .after-content .cat-links a:last-child, .after-content .tags-links a:last-child { margin-right: 19px; } /* Back to top button */ .to-top { background-color: #1d1d20; background-color: rgba(29, 29, 32, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); bottom: -100px; color: #ffffff; color: rgba(255,255,255,0.9); cursor: pointer; font-size: 23px; height: 40px; line-height: 35px; overflow: hidden; position: fixed; right: 11px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 9999; width: 40px; } .to-top [class^="fa-"]:before, .to-top [class*=" fa-"]:before { margin: 0; } .to-top:hover { background-color: #2e3236; background-color: rgba(41, 42, 46, 0.75); border: 1px solid rgba(255, 255, 255, 0.75); color: #ffffff; color: rgba(255,255,255,1); } .to-top .fa { line-height: 35px; } /* :Back to top button */ /* Page 404 */ .error-404 { text-align: center; } .error-404 .search-form { max-width: 370px; margin-left: auto; margin-right: auto; position: relative; } .error-404 .search-form label { width: 100%; margin-bottom: 0; } .error-404 .search-form label:after { content: '\f002'; font-family: 'FontAwesome' !important; font-size: 18px; font-size: 1.8rem; display: block; width: 40px; height: 40px; line-height: 40px; position: absolute; top: 5px; right: 5px; background-color: transparent; color: #54be73; } .error-404 .search-form input[type="submit"] { clip: auto !important; display: block; width: 40px; height: 40px; margin: 0; position: absolute; top: 5px; right: 5px; text-indent: -9999px; background-color: transparent; color: #54be73; } .error-image { max-height: 153px; margin-top: 0; margin-bottom: 25px; } .page_title_404.page-title { font-family: 'Roboto', sans-serif; font-size: 30px; font-size: 3rem; font-weight: 500; line-height: 1; margin-bottom: 46px; margin-left: auto; margin-right: auto; max-width: 740px; color: #565a5e; } .page_message_404 { font-weight: 300; margin-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 740px; color: #2e3236; } .search_404_label { font-family: 'Roboto', sans-serif; font-size: 17px; font-size: 1.7rem; font-weight: 500; margin-bottom: 10px; color: #cdcdcd; } .error-404 input[type="search"] { padding-right: 50px; background-color: #ffffff; border-color: #cdcdcd; } .error-404 input[type="search"]:focus { border-color: #d9dadc; } .homepage_link_or { font-family: 'Roboto', sans-serif; font-size: 17px; font-size: 1.7rem; font-weight: 500; margin-top: 7px; margin-bottom: 10px; color: #cdcdcd; } .homepage_link { margin-bottom: 0; } .homepage_link a { display: inline-block; font-family: 'Roboto', sans-serif; font-size: 13px; font-size: 1.3rem; font-weight: 500; line-height: 1.6923; letter-spacing: 0.09em; height: 47px; border-radius: 30px; padding: 12px 54px; text-decoration: none; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; outline: none; border: none; margin-bottom: 0; background-image: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: initial; background-color: #947dc8; color: #ffffff; } .homepage_link a:hover { background-color: #54be73; } /** * 12.2 Post Formats */ /* Twitter embeds */ .featured-media.status-wrap { overflow: hidden; padding: 0 15px; height: 100%; background-color: #f2f2f2; } .featured-media.status-wrap .twitter-tweet { width: 100% !important; } .featured-media.status-wrap > iframe { margin: 15px auto; } .single .featured-media.status-wrap { margin-top: -25px; margin-left: -25px; margin-right: -25px; margin-bottom: 12px; padding: 25px; background-color: #f2f2f2; } .featured-media.status-wrap .twitter-tweet { margin-left: auto; margin-right: auto; } /* Post Format: Standard */ .search .format-standard .post__media .post-thumbnail, .archive .format-standard .post__media .post-thumbnail { margin-bottom: 0; background-color: #f2f2f2; } .search .type-page .post__inner, .search .format-standard .post__inner, .archive .format-standard .post__inner { padding: 30px 30px 30px 30px; background-color: #ffffff; } /* Post Format: Video */ .single-format-video .post__media, .format-video .post__media { background-color: #f2f2f2; border-radius: 3px 3px 0 0; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); } .format-video .post__media iframe, .format-video .post__media embed { margin-bottom: 0; } .format-video .entry-content { background-color: #ffffff; } .format-video .entry-content > iframe { margin-bottom: 0; } .archive .format-video .post__inner { padding: 12px 25px 12px 25px; background-color: #ffffff; } .post__media_wide { background-color: #fafafa; } .post__media_wide > .container {} .post__media_wide > .container > embed, .post__media_wide > .container > iframe, .post__media_wide > .container > object, .post__media_wide > .container > video { width: 100% !important; margin-bottom: 0 !important; } /* Post Format: Audio */ .format-audio .entry-content > iframe, .format-audio .entry-content > .wp-audio-image .mejs-container { margin-bottom: 0; } .format-audio .entry-content .post__media .post-thumbnail { margin-bottom: 0; } .archive .format-audio .post__inner { padding: 12px 25px 12px 25px; background-color: #ffffff; } /* Post Format: Image */ .format-image .entry-content .post__media .post-thumbnail { margin-bottom: 0; background-color: #ffffff; } .archive .format-image .post__inner { padding: 12px 25px 12px 25px; background-color: #ffffff; } /* Post Format: Gallery */ .single-format-gallery .entry-content > .owl-carousel {} .format-gallery .post__media .gallery { margin-bottom: 0; } .archive .format-gallery .post__inner { padding: 12px 25px 12px 25px; background-color: #ffffff; } .single-format-gallery .post__media .owl-carousel .owl-dots .owl-dot span, .format-gallery .post__media .owl-carousel .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 6px 2px; background-color: #ffffff; position: relative; } .single-format-gallery .post__media .owl-carousel .owl-dots .owl-dot.active span, .single-format-gallery .post__media .owl-carousel .owl-dots .owl-dot:hover span, .format-gallery .post__media .owl-carousel .owl-dots .owl-dot.active span, .format-gallery .post__media .owl-carousel .owl-dots .owl-dot:hover span { background-color: #0082ca; } .single-format-gallery .post__media .owl-carousel .owl-dots .owl-dot.active span:after, .format-gallery .post__media .owl-carousel .owl-dots .owl-dot.active span:after { content: ''; display: block; top: -6px; position: absolute; left: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #0082ca; } /* Post Format: Chat */ .front-posts-layout--1col .format-chat .post__inner .post-content p, .front-posts-layout--1colws .format-chat .post__inner .post-content p, .front-posts-layout--1colwsl .format-chat .post__inner .post-content p { margin-bottom: 0; } /* Post Format: Quote */ .format-quote .entry-content { padding: 12px 25px 12px 25px; background-color: #f2f2f2; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); } .format-quote.has-post-thumbnail .posted-on a:hover, .format-quote.has-post-thumbnail .byline a:hover { color: #ffffff; } .format-quote.has-post-thumbnail .entry-title, .format-quote.has-post-thumbnail .entry-title a { color: #ffffff; } .format-quote.has-post-thumbnail .entry-title a:hover { color: #54be73; } .format-quote.has-post-thumbnail blockquote p, .format-quote.has-post-thumbnail blockquote cite a:hover { color: #ffffff; } .format-quote.has-post-thumbnail .entry-content { position: relative; color: #ffffff; } .format-quote.has-post-thumbnail .entry-content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52, 52, 52, 0.9); } .format-quote.has-post-thumbnail .entry-content > * { position: relative; z-index: 2; } /* Post Format: Link */ .format-link .entry-content { padding: 12px 25px 12px 25px ; background-color: #f2f2f2; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); text-align: center; } .format-link .entry-content .posted-on { margin-top: 30px; } .format-link.has-post-thumbnail .entry-content .posted-on a:hover { color: #ffffff; } .format-link.has-post-thumbnail .entry-content p a:hover { color: #ffffff; } .format-link.has-post-thumbnail .entry-content { position: relative; color: #ffffff; } .format-link.has-post-thumbnail .entry-content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52, 52, 52, 0.9); } .format-link.has-post-thumbnail .entry-content > * { position: relative; z-index: 2; } /* Post Format: Aside */ .format-aside .entry-content { padding: 12px 25px 12px 25px; background-color: #f2f2f2; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); } .format-aside .entry-content .before-title { text-align: center; } .format-aside .entry-content .entry-title { text-align: center; } .format-aside .entry-content .post-content { font-size: 18px; font-size: 1.8rem; font-style: italic; line-height: 1.7222; max-width: 620px; margin-left: auto; margin-right: auto; text-align: center; } .format-aside .entry-content .post-content p { margin-bottom: 0; } .format-aside.has-post-thumbnail .posted-on a:hover, .format-aside.has-post-thumbnail .byline a:hover { color: #ffffff; } .format-aside.has-post-thumbnail .entry-title, .format-aside.has-post-thumbnail .entry-title a { color: #ffffff; } .format-aside.has-post-thumbnail .entry-title a:hover { color: #54be73; } .format-aside.has-post-thumbnail .entry-content { position: relative; color: #ffffff; } .format-aside.has-post-thumbnail .entry-content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52, 52, 52, 0.9); } .format-aside.has-post-thumbnail .entry-content > * { position: relative; z-index: 2; } /* Post Format: Status */ .format-status .entry-content, .single-format-status .entry-content { text-align: center; padding: 30px 25px 19px 25px; background-color: #f2f2f2; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); } .single-format-status .entry-content { margin-bottom: 30px; } .format-status .author-avatar, .single-format-status .author-avatar { /*margin-top: 18px;*/ margin-bottom: 8px; } .format-status .author-avatar img, .single-format-status .author-avatar img { width: 100px; } .format-status .posted-on, .single-format-status .posted-on { } .format-status .before-title, .single-format-status .before-title { margin-bottom: 11px; letter-spacing: 0.02em; } .format-status .post-content, .single-format-status .post-content { font-weight: 400; letter-spacing: 0.02em; } .format-status.has-post-thumbnail .entry-content { color: #ffffff; } .format-status.has-post-thumbnail .entry-content .before-title .posted-on a:hover { color: #ffffff; } .format-status.has-post-thumbnail .entry-content .before-title .byline a:hover { color: #ffffff; } .format-status.has-post-thumbnail .entry-content { position: relative; color: #ffffff; } .format-status.has-post-thumbnail .entry-content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52, 52, 52, 0.9); } .format-status.has-post-thumbnail .entry-content > * { position: relative; z-index: 2; } /** * 12.3 Comments */ .entry-content + .comments-area { margin-top: 60px; } .comments-area { padding: 0 0 1px 0; } .comments-area > :last-child { margin-bottom: 0; } .comments-title, .comment-reply-title { font-size: 18px; font-size: 1.8rem; line-height: 1.6667; color: #434343; } .comments-title { margin-bottom: 30px; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list .comment { margin-top: 48px; } .comment-list article, .comment-list .pingback, .comment-list .trackback { padding: 18px 0 30px 0; } .comment-list .pingback + .pingback { border-top: none; padding-top: 0; } .comment-list > li:first-child > article, .comment-list > li:first-child > .pingback, .comment-list > li:first-child > .trackback { border-top: 0; } .comment-list .children { list-style: none; margin: 0; padding-left: 70px; } .comment-list .children > li { padding-left: 15px; } .comment-author { font-family: 'Roboto', sans-serif; font-size: 14px; font-size: 1.4rem; font-weight: 500; line-height: 1.0714; color: #54be73; } .comment-author a { color: #2e3236; } .comment-author a:hover { color: #2e3236; } .comment-author .avatar { float: left; width: 70px; height: 70px; margin-top: -18px; margin-right: 15px; margin-bottom: 15px; border-radius: 50%; } .bypostauthor > article .fn:after { content: "\f304"; position: relative; } .comment-metadata, .pingback .edit-link { font-size: 13px; font-size: 1.3rem; font-style: italic; font-weight: 400; line-height: 2.2308; color: #797f85; } .comment-metadata > a, .pingback .edit-link a { color: #797f85; } .comment-metadata > a:hover, .pingback .edit-link a:hover, .comment-metadata > a:hover, .comment-metadata > a:focus, .pingback .edit-link a:hover, .pingback .edit-link a:focus { color: #54be73; } .comment-metadata { position: relative; margin-bottom: 9px; } .comment-metadata .edit-link { margin-left: 15px; } .pingback .edit-link { margin-left: 15px; } .pingback .edit-link:before { top: 0; } .comment-content { overflow: hidden; } .comment-content ul, .comment-content ol { margin: 0 0 30px 15px; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .reply { position: absolute; top: -22px; right: 0; color: #2e3236; } .comment-list .reply .fa { font-size: 18px; font-size: 1.8rem; line-height: 2.7778; font-weight: 400; width: 50px; height: 50px; text-align: center; border-radius: 50%; background-color: #fafafa; color: #947dc8; } .comment-list .reply a:hover .fa, .comment-list .reply a:focus .fa { background-color: #959ca3; color: #feffff; } .comment-list .reply a { color: #2e3236; } .comment-list .reply a:hover, .comment-list .reply a:focus { color: #54be73; } .comment-list .reply a.comment-reply-login { display: block; margin-top: 15px; text-transform: none; font-size: 12px; } .comment-form-wrap {} .comment-respond { margin: 30px auto;; } .comment-form { padding-top: 0; } .comment-form label { font-size: 12px; font-size: 1.2rem; font-weight: 700; display: block; line-height: 1.5; color: #2e3236; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { } .comment-form textarea { resize: none; } .comment-submit { position: relative; background-color: #947dc8; } .comment-form .row { margin-left: -5px; margin-right: -5px; } .comment-form .row > div { padding-left: 5px; padding-right: 5px; } .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 10px; } .comment-form-comment { margin-bottom: 10px; } .must-log-in, .no-comments { font-weight: 500; text-transform: uppercase; padding-top: 30px; color: #2e3236; } .form-allowed-tags code { font-family: Inconsolata, monospace; } .form-submit { text-align: center; margin-top: 20px; margin-bottom: 30px; } .required { color: #c0392b; } .comment-reply-title small { position: relative; display: block; } .comment-reply-title small a { position: absolute; top: -75px; right: 0; display: block; width: 60px; height: 60px; /* Hide the text. */ text-indent: 100%; white-space: nowrap; overflow: hidden; } .logged-in .comment-reply-title small a { top: -15px; right: 0; } .comment-reply-title small a:after { content: "\f00d"; font-family: 'FontAwesome' !important; font-size: 24px; font-size: 2.4rem; line-height: 2.5; font-weight: 400; position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; text-indent: 0; text-align: center; border-radius: 50%; background-color: #ffffff; color: #2e3236; } .comment-reply-title small a:hover, .comment-reply-title small a:hover:after { color: #54be73; } .comment-respond h3 {} .comment-respond h3 small a {} /* Comments navigation */ .comment-navigation { font-size: 14px; font-size: 1.4rem; font-weight: 500; line-height: 1.0713; text-transform: uppercase; margin-top: -15px; margin-bottom: 15px; color: #2e3236; } .comment-navigation a, .comment-navigation span { display: block; float: left; min-width: 45px; min-height: 45px; height: 45px; margin: 15px 15px 0 0; padding: 15px; text-align: center; border-radius: 45px; background-color: #ffffff; color: #2e3236; } .comment-navigation .current, .comment-navigation a:hover, .comment-navigation a:focus { background-color: #54be73; color: #ffffff; } /* Comments navigation arrows after comment title */ .comments-title + .comment-navigation {margin-bottom: 30px;} .comment-navigation .nav-links .nav-previous {float: left;} .comment-navigation .nav-links .nav-next {float: right;} /** * 13.0 Footer */ .footer { padding: 120px 0 75px 0; background-color: #242628; color: #aab0b6; } .footer a:hover { color: #ffffff; } .footer .widget { margin-bottom: 45px; } .footer .widget-title { font-size: 18px; font-size: 1.8rem; line-height: 1.6667; text-align: left; color: #ffffff; } .copyright { padding: 45px 0; text-align: center; background-color: #242628; color: #797f85; } /* 13.1 Footer Widgets */ .footer strong { color: #ffffff; } /* Bootstrap select */ .footer .btn-default { background-color: #2e3236; border-color: #3f4043; color: #999999; } .footer .btn-default:focus, .footer .btn-default:hover, .footer .open>.dropdown-toggle.btn-default { background-color: #2e3236; border-color: #999999; color: #999999; } /* Wordpress Widgets */ .footer .widget_archive, .footer .widget_links, .footer .widget_meta, .footer .widget_nav_menu, .footer .widget_pages, .footer .widget_categories { padding: 0; border: none; } .footer .widget_archive li, .footer .widget_links li, .footer .widget_meta li, .footer .widget_nav_menu li, .footer .widget_pages li, .footer .widget_categories li { color: #999999; } .footer .widget_archive a:hover, .footer .widget_links a:hover, .footer .widget_meta a:hover, .footer .widget_nav_menu a:hover, .footer .widget_pages a:hover, .footer .widget_categories a:hover { color: #ffffff; } .footer .widget_nav_menu .social-navigation { text-align: left; } /* Wordpress Recent Comments */ .footer .widget_recent_comments a { color: #ffffff; } .footer .widget_recent_comments a:hover { color: #54be73; } /* Wordpress RSS */ .footer .widget_rss a { color: #ffffff; } .footer .widget_rss a:hover { color: #54be73; } /* Wordpress Search */ .footer .widget_search { padding: 0; border: none; } /* Wordpress Calendar */ .footer .widget_calendar thead th { background-color: #1d1d20; } .footer .widget_calendar td { border-color: #1d1d20; background-color: #999999; } .footer .widget_calendar td a { color: #ffffff; } .footer .widget_calendar td a:hover { color: #54be73; } /* Wordpress Tag cloud */ .widget_tag_cloud .tagcloud { text-align: left; } /* MailChimp Widget */ .footer .widget.widget_text .mc4wp-form, .footer .widget.widget_mc4wp_form_widget { padding: 0; } /** * 14.0 Media */ .site .avatar { border-radius: 50%; } .textwidget .author-avatar { display: block; max-width: 100%; margin: 0 auto; border-radius: 50%; } .textwidget div > .author-avatar { margin-bottom: 30px; } .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-top: 0; margin-bottom: 0; padding: 0; } audio, canvas { display: inline-block; } embed, iframe, object, video { max-width: 100%; margin-bottom: 30px; vertical-align: middle; border: none; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist { font-size: 14px; font-size: 1.4rem; margin-top: 0; margin-bottom: 30px; } .wp-playlist.wp-playlist { padding-bottom: 0; } .wp-playlist .wp-playlist-tracks { margin-top: 0; } .wp-playlist-item .wp-playlist-caption { border-bottom: 0; padding: 10px 0; } .wp-playlist-item .wp-playlist-item-length { top: 10px; } .col-sm-8 iframe[src*="feature=oembed"], .col-sm-8 iframe[src*="player.vimeo.com"] { height: 383px; } /** * 14.1 Captions */ .wp-caption { max-width: 100%; margin-bottom: 30px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { font-size: 13px; font-size: 1.3rem; line-height: 2.3077; } .wp-caption.alignnone { width: 100% !important; } .wp-caption.aligncenter {} /** * 14.2 Galleries */ .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Open Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 15.0 Media Queries */ /* * Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /** * 15.0.1 Mobile small 240px */ @media screen and (min-width: 15em) { body.admin-bar {} .post-thumbnail-row .post__media { margin-right: 0; } .front-posts-layout--1col .first-post .post-thumbnail-row .post__inner, .front-posts-layout--1colws .first-post .post-thumbnail-row .post__inner, .front-posts-layout--1colwsl .first-post .post-thumbnail-row .post__inner { padding: 12px 25px 12px 25px; } .front-posts-layout--1col .post__inner, .front-posts-layout--1colws .post__inner, .front-posts-layout--1colwsl .post__inner { padding: 12px 25px 12px 25px; } .post-thumbnail-row .post__inner { padding: 12px 12px 12px 25px; } .front-posts-layout--1col .entry-title, .front-posts-layout--1colws .entry-title, .front-posts-layout--1colwsl .entry-title { font-size: 30px; font-size: 3rem; line-height: 1; } .blog_post_visibility__content .post-thumbnail-row .post__inner { padding: 30px 30px 30px 30px; } .site-content {padding: 30px 0;} .site-content .minus-site-padding-top {margin-top: -30px;} .site-content .minus-site-padding-bottom {margin-bottom: -30px;} .entry-header-wrapper {padding: 45px 0 30px 0;} .nav-button { margin: 0 auto 0 0; } .footer { padding: 60px 0 15px 0; } .copyright { padding: 30px 0; } } /** * 15.0.2 Mobile small 320px */ @media screen and (min-width: 20em) {} /** * 15.1 Mobile Large 620px */ @media screen and (min-width: 38.75em) {} /** * 15.2 Tablet Small 740px */ @media screen and (min-width: 46.25em) {} @media screen and (min-width: 768px) { div.logo { text-align: left; } .nav-button { margin: 0 auto 0 auto; } .sm-text-align-right { text-align: right; } } @media screen and (min-width: 783px) { body.admin-bar {} } /** * 15.3 Tablet Large 880px */ @media screen and (min-width: 55em) {} /** * 15.4 Desktop Small 955px */ @media screen and (min-width: 59.6875em) {} @media screen and (min-width: 1024px) { .menu-strip { display: table-cell; vertical-align: middle; } .nav-button { display: none; } .search .type-page .post__inner, .search .format-standard .post__inner, .archive .format-standard .post__inner { padding: 12px 25px 12px 25px; } } @media screen and (min-width: 992px) { .secondary { margin-top: 0; } } /** * 15.5 Desktop Medium 1100px */ @media screen and (min-width: 68.75em) {} /** * 15.6 Desktop Large 1240px */ @media screen and (min-width: 1200px) { @media (min-width: 1200px) { .container { width: 1200px; } } .post-thumbnail-row .post__media { margin-right: 0; } .front-posts-layout--1col .first-post .post-thumbnail-row .post__inner, .front-posts-layout--1colws .first-post .post-thumbnail-row .post__inner, .front-posts-layout--1colwsl .first-post .post-thumbnail-row .post__inner { padding: 12px 25px 12px 25px; } .front-posts-layout--1col .post__inner, .front-posts-layout--1colws .post__inner, .front-posts-layout--1colwsl .post__inner { padding: 12px 25px 12px 25px; } .post-thumbnail-row .post__inner { padding: 12px 12px 12px 25px; } .front-posts-layout--1col .entry-title, .front-posts-layout--1colws .entry-title, .front-posts-layout--1colwsl .entry-title { font-size: 29px; font-size: 2.9rem; line-height: 1.0345; } .blog_post_visibility__content .post-thumbnail-row .post__inner { padding: 60px 60px 60px 60px; } .site-content {padding: 90px 0;} .site-content .minus-site-padding-top {margin-top: -90px;} .site-content .minus-site-padding-bottom {margin-bottom: -90px;} .entry-header-wrapper { padding: 20px 0 20px 0; } .footer { padding: 120px 0 75px 0; } .copyright { padding: 23px 0 22px 0; } .footer + .copyright { padding-top: 0; } .footer + .copyright > .container:before { content: ''; display: block; height: 1px; width: 100%; background-color: #303336; margin-bottom: 23px; } } @media screen and (min-width: 77.5em) { } /** * 15.7 Desktop X-Large 1403px */ @media screen and (min-width: 87.6875em) {} /** * 16.0 Print */ @media print {} /** * */ @media screen and (max-width: 567px) { /* Front page: 1 columns Layout */ .front-posts-layout--1col .half-post .post-thumbnail-row, .front-posts-layout--1colws .half-post .post-thumbnail-row, .front-posts-layout--1colwsl .half-post .post-thumbnail-row { display: block; height: initial; width: initial; } .front-posts-layout--1col .half-post .post-thumbnail-row .col-media, .front-posts-layout--1colws .half-post .post-thumbnail-row .col-media, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-media, .front-posts-layout--1col .half-post .post-thumbnail-row .col-content, .front-posts-layout--1colws .half-post .post-thumbnail-row .col-content, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-content { float: none; display: initial; height: initial; width: initial; vertical-align: initial; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media { height: initial; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail { height: initial; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail , .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail , .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail { height: initial; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail img, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail img, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail img { display: initial; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__media, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media { margin-right: 0; } .front-posts-layout--1col .half-post .post-thumbnail-row .post__inner, .front-posts-layout--1colws .half-post .post-thumbnail-row .post__inner, .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__inner { padding: 12px 25px 12px 25px; } } /** * Non-sticky menu under 955px */ @media screen and (max-width: 1023px) { .header { position: relative !important; top: initial !important; } } @media screen and (max-width: 991px) { .header, .header-wrapper { height: initial; } } .header-top{background-color:#68dfd2 !important} .search-box:before, .header-top__social + .search-box{background-color:#8be7dd !important} .fw-iconbox-title{margin-top:16px !important} .main-slider__title, .main-slider__title a{display:none !important} .main-slider__readmore, .main-slider__description{display:none !important} .main-slider {padding-bottom:0px !important} .entry-header-wrapper{display:none !important} .cf-type2{background-color: rgba(0, 0, 0, 0.61) !important} .wrap-forms .header.title h2{color: #ffffff !important} .wrap-forms .header.title h2 + p {color: #ffffff !important; font-size: 16px !important}