/*. base typography. */ h1 {font-family: "adlery-pro-swash", sans-serif !important; font-weight: 400; text-transform: none; color:#fcf9e6 !important; fill:#fcf9e6 !important; text-align: center;} .entry-content h1.swash-kn {font-size: 10em; border-bottom: 1px solid rgba(252,249,230,0.5); padding-bottom:8px; margin:0.5em 60px 0em; } .home .entry-content h1.swash-kn {font-size: 9em; margin:0.65em 60px 0em;} h2 {font-family: "gill-sans-nova", sans-serif !important; font-weight: 400 !important; text-transform: none; text-align: center; color:#fcf9e6 !important; fill:#fcf9e6 !important; margin-top:18px !important;} .entry-content h2 {font-size: 28px; } h3, h4, h5, h6 {font-family: "gill-sans-nova", sans-serif !important; font-weight: 700; font-style: italic; text-transform: none; } p {font-family: "linotype-sabon", serif !important; font-variant-numeric: oldstyle-nums; font-size: 18px; line-height: 28px; font-kerning: normal; -moz-font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; font-feature-settings: "kern";} body {font-family: "gill-sans-nova", sans-serif !important; } @media only screen and (min-width:701px) and (max-width: 900px) { .entry-content h1.swash-kn {font-size: 8em; margin:0.6em 40px 0em; } .home .entry-content h1.swash-kn {font-size: 7em; margin:0.75em 40px 0em; } } @media only screen and (min-width:581px) and (max-width: 700px) { .entry-content h1.swash-kn {font-size: 6em; margin:0.8em 20px 0em; } .home .entry-content h1.swash-kn {font-size: 5.5em; margin:0.9em 20px 0em; } } @media only screen and (min-width:461px) and (max-width: 580px) { .entry-content h1.swash-kn {font-size: 5em; padding-bottom:6px; margin:1em 10px 0em; } .home .entry-content h1.swash-kn {font-size: 4.5em; padding-bottom:6px; margin:1.6em 10px 0em; } .entry-content h2 {font-size: 24px; } } @media only screen and (max-width: 460px) { .entry-content h1.swash-kn {font-size: 4em; padding-bottom:4px; margin:1.8em 0px 0em; } .home .entry-content h1.swash-kn {font-size: 3.8em; padding-bottom:6px; margin:2.0em 10px 0em; } .entry-content h2 {font-size: 22px; } } /* site branding. */ .site-branding {display: inline-block !important; width: auto !important; max-width: 220px !important; text-align: left !important; padding: 24px 20px !important;} .mobile-screen-width .site-header .site-branding {max-width: 220px !important;} .logo-wrapper {max-width:160px;} /* navigation. */ #mega-menu-wrap-main-menu .mega-menu-toggle {background: none;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {background: none;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {font-size:26px; color:#fcf9e6 !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {background: none;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {padding:10px 10px;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link span.low-kn {font-size:14px !important; font-style: italic; font-weight: 400 !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu { -moz-box-shadow: 0px 0px 4px rgba(252,249,230,0.4) inset; -webkit-box-shadow: 0px 0px 4px rgba(252,249,230,0.4) inset; box-shadow: 0px 0px 4px rgba(252,249,230,0.4) inset; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } @media only screen and (min-width: 769px) { #mega-menu-wrap-main-menu {background: none;} #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link { text-align: left;} } /*start page */ .home .site-main .type-page .entry-content {margin-top: 100px !important;} .starttext-kn {font-family: "linotype-sabon", serif !important; font-variant-numeric: oldstyle-nums; font-size: 24px; line-height: 32px; text-align: center; padding-bottom:20px; max-width:640px; margin:auto;} .top2-kn {margin-top:60px;} .start-boxes {position:relative; margin-top:400px; display:flex; gap: 30px 30px; flex-wrap: wrap; justify-content: space-around;} .startbox {width:45%; max-width:450px; overflow:hidden; border:1px solid rgba(252,249,230,0.2); } .startbox a {text-decoration: none;} .startbox img { width: 110%; max-width:none; margin-left:-5%; margin-top:-10px; aspect-ratio: auto 4 / 3; mix-blend-mode: lighten; margin-bottom:-80px;} .startbox h3 {text-align:center; font-style: normal !important; margin-bottom: 0px; } .startbox p {text-align:center; font-family: "gill-sans-nova", sans-serif !important; font-style: italic; font-weight: 400 !important;} @media only screen and (max-width: 780px) { .startbox {width:90%; max-width:450px; overflow:hidden; } } @media only screen and (max-width: 660px) { .starttext-kn {font-size: 20px; line-height: 30px;} } @media only screen and (max-width: 540px) { .starttext-kn {padding:0 20px 20px;} .starttext-kn br {display:none;} } /*. egen två spalt. */ .two-wide-kn {margin:100px auto 20px; display:flex; } .two-wide-kn .big-picture {width:55%; margin-right:-80px; display:inline-block; justify-content: flex-start; align-content: flex-start; align-items: flex-start; align-self: flex-start; vertical-align: top;} .two-wide-kn .two-text {width:43%; display:inline-block; justify-content: flex-start; align-content: flex-start; padding-left:30px; padding-top:20px;} .two-wide-kn .two-text h3 {color:#ffffff !important; fill:#fcf9e6 !important; font-size:22px; line-height:28px; margin-top:28px;} .two-wide-kn .two-text p {color:#fcf9e6 !important; fill:#fcf9e6 !important;} @media only screen and (max-width: 980px) { .two-wide-kn .big-picture {width:100%; margin-right:0px; display:block;} .two-wide-kn .two-text {display:block; width:100%; padding-left:20px; padding-right:20px; max-width:540px; justify-content: center; margin:0 auto;} } @media only screen and (min-width:581px) and (max-width: 900px) { .two-wide-kn {margin:60px auto 20px; } } @media only screen and (max-width: 580px) { .two-wide-kn {margin:40px auto 20px; } .two-wide-kn .two-text {padding-left:20px; padding-right:10px; } } /*. kontakt. */ .kontakt-knapp {margin:60px auto 20px; max-width:640px; text-align: center; } .kontakt-knapp a {display:block; background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05)); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-radius:10px; border:1px solid rgba(255,255,255,0.28); box-shadow:0 8px 32px 0 rgba(0,0,0,0.37); text-decoration: none; padding:30px 40px 34px 40px; width:100%; text-align:center;font-family: "gill-sans-nova", sans-serif !important; font-weight: 700; font-style: italic; font-size:20px; line-height:24px; margin-left:-40px; color:#fcf9e6;} .kontakt-knapp a:hover, .kontakt-knapp a:focus {text-decoration: none; color:#fcf9e6; text-shadow: 1px 1px 8px rgba(255,255,255,0.8); } @media only screen and (max-width: 800px) { .kontakt-knapp {max-width:90%; box-sizing: border-box;} .kontakt-knapp a {margin-left:auto;} } @media only screen and (max-width: 510px) { .kontakt-knapp br.nosmall-kn {display:none;} } @media only screen and (max-width: 440px) { .kontakt-knapp a {font-size:18px; line-height:24px; } } /* formulär. */ .wpcf7 {box-sizing: border-box; padding:0px 20px;} .wpcf7 p { margin-bottom:10px; font-family: "gill-sans-nova", sans-serif !important; font-weight: 400 !important; } .wpcf7 label {font-size:14px; width:100% !important; display:inline-block; color:#fcf9e6; box-sizing: border-box; text-align: left;} .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"] {background-color: rgba(252,249,230,0.5); border: none; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2) inset; box-shadow: 0px 0px 2px rgba(0,0,0,0.2) inset; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:5px 5px 5px 10px; height: 38px; width:100%; margin-bottom:20px; box-sizing: border-box; color:#161616 !important;} .wpcf7 form input[type="text"]:focus, .wpcf7 form input[type="email"]:focus, .wpcf7 form input[type="tel"]:focus {color:#56080A !important;} .wpcf7 form textarea {background-color: rgba(252,249,230,0.5); border: none; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2) inset; box-shadow: 0px 0px 2px rgba(0,0,0,0.2) inset; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:5px 5px 2px 10px; height: 80px; width:100%; resize: none; box-sizing: border-box; color:#161616 !important;} .wpcf7 form input[type="submit"] {padding:16px 40px 15px 40px; background: #fcf9e6; margin-top:10px; margin-bottom:00px; margin-left:-0px; font-size:16px; color:#000033; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; width:100%; font-family: "gill-sans-nova", sans-serif !important; font-weight: 700 !important; font-style: italic; text-align: center;} .wpcf7 form input[type="submit"]:hover {background: #ffffff; cursor: pointer;} .req-kn {color: #7c3108;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #7c3108; font-family: "gill-sans-nova", sans-serif !important; font-weight: 400 !important; color:#fcf9e6; font-size:14px; line-height:16px; text-align: left;} .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; font-family: "gill-sans-nova", sans-serif !important; font-weight: 400 !important; color:#fcf9e6; font-size:14px; line-height:16px; text-align: left;} span.wpcf7-not-valid-tip { display:block; position:relative; width:90%; font-size:12px; color:#7c3108; margin-top:-16px; margin-bottom:16px;} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 1px solid #7c3108; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: "gill-sans-nova", sans-serif !important; font-weight: 400 !important; color:#000033; text-align: left;} .wpcf7 form .wpcf7-response-output {margin: -5px 0px 15px; padding: 8px 8px 9px 10px;} .wpcf7-spinner {margin-top:6px;} button, input, select, optgroup, textarea {font-family: "gill-sans-nova", sans-serif !important; font-weight: 400 !important; text-align: left;} /* modal window. */ .wow-modal-window { -moz-box-shadow: 0px 0px 4px rgba(252,249,230,0.4) inset !important; -webkit-box-shadow: 0px 0px 4px rgba(252,249,230,0.4) inset !important; box-shadow: 0px 0px 4px rgba(252,249,230,0.4) inset !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; } .modal-window-content h3 {color:#fcf9e6; font-size:20px; padding-left:20px; margin-bottom:30px; text-align: left; padding-top:10px;} .mw-close-btn {display:none !important;} /*. language selector. */ #trp-floater-ls.trp-color-dark {background: rgb(22,22,22); background: linear-gradient(0deg, rgba(22,22,22,1) 0%, rgba(33,33,33,1) 100%);} #trp-floater-ls-language-list a:hover {color: #FAFAFA; background-color: rgba(44,44,44,1);} #trp-floater-ls-current-language a, #trp-floater-ls-language-list a {padding: 10px 16px 13px 16px;} img.trp-flag-image {width: 21px; aspect-ratio: auto 21 / 14; height: 14px;} /*. BLOG. */ .single-post .site-header {background:none !important;} .single-post .page-title, .single-post .post-thumbnail, .single-post .entry-footer {display:none;} .single-post .entry-content {background:#fcf9e6; padding: 0px 40px 20px 40px; margin-top:60px !important; position:relative;} .single-post .entry-content h1 {font-size:44px; line-height: 52px; padding:0 40px 0 20px; color:#7c3108 !important; margin: 20px 0 10px !important;} .single-post .entry-content h2 {font-size:24px; line-height: 28px; padding:0 20px; color: #161616 !important; margin: 20px 0 10px !important; text-align:left;font-kerning: normal; -moz-font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; font-feature-settings: "kern";} .single-post .entry-content h3 {font-size:18px; line-height: 26px; padding:0 20px; color: #161616 !important; margin: 20px 0 10px !important;} .single-post .entry-content h4 {font-family: "linotype-sabon", serif !important; font-variant-numeric: oldstyle-nums; font-size:20px; line-height: 28px; font-weight:400 !important; padding:0 21px; color: #161616 !important; margin: 20px 0 10px !important;font-kerning: normal; -moz-font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; font-feature-settings: "kern"; } .single-post .entry-content p {font-size:16px; line-height: 26px; padding:0 21px; color:#161616 !important; font-kerning: normal; -moz-font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; font-feature-settings: "kern";} .single-post .entry-content p:last-of-type {font-family: "gill-sans-nova", sans-serif !important; font-weight: 400 !important; font-size:20px; line-height: 24px; padding:0 60px 0 20px; color:#000032 !important; margin-top:40px;} .single-post .entry-content ol {font-family: "linotype-sabon", serif !important; font-variant-numeric: oldstyle-nums; color:#161616 !important; padding-left:20px !important; } .single-post .entry-content ol li {padding-left:20px !important; text-indent: -20px;} .single-post .entry-content ul {font-family: "linotype-sabon", serif !important; font-variant-numeric: oldstyle-nums; color:#161616 !important; padding-left:20px !important; list-style:none !important; margin-top:-16px !important;} .single-post .entry-content ul li {font-size:16px; line-height: 26px; padding:0 21px; color:#161616 !important;} .single-post .entry-content ul li:before {font-size:24px; content: "\BB"; color: #8e4009; display: inline-block; width: 1em; margin-left: -1em;} .single-post .entry-content a {color:#7c3108;} .single-post .entry-content a:hover {color:#8e4009; text-decoration:underline; text-underline-position: under; text-decoration-color: #B65009;} .single-post .entry-content figure.wp-block-image {margin:0px -40px 20px;} .single-post figcaption {color:#161616; text-align: center; margin-bottom:60px;} .single-post .entry-content blockquote {position: relative; background:none; padding: 25px 20px 15px 20px; margin-bottom: 20px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-top:1px solid #00a584; border-bottom:1px solid #7c3108; margin-right:90px;} .single-post .entry-content blockquote p {font-size:20px; line-height:28px; font-weight: 300; font-style: italic;} .single-post .entry-content blockquote img {position: relative; float:right; max-width:110px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-left:30px; margin-top:-15px; } .single-post .entry-content blockquote:before {border:none;} .post-navigation .nav-links {margin-top:40px;} .posts-navigation a, .post-navigation a, .comment-navigation a {text-transform:none !important; font-weight: normal !important; letter-spacing: 0em !important; font-size:16px !important; } .posts-navigation a:hover, .post-navigation a:hover, .comment-navigation a:hover {background: rgba(250, 250, 255, 0.1) !important; border-color: #7c3108 !important;} .blog .content-area, .archive .content-area, .search .content-area {background: #fcf9e6; padding: 40px 40px 20px 40px; position:relative; max-width:900px; margin: 0 auto; margin-top:60px !important; } .blog .content-area .inner-holder, .archive .content-area .inner-holder, .search .content-area .inner-holder {max-width:900px !important; margin: 0 auto; } .ctdl-directory-similar-items .item-content .item-title .post-title, .ctdl-directory-items-list .item-content .item-title .post-title, .ctdl-directory-search-results .item-content .item-title .post-title, .ctdl-posts-search-results .item-content .item-title .post-title, .ctdl-blog-posts .item-content .item-title .post-title, .ctdl-posts .item-content .item-title .post-title {font-family: "gill-sans-nova", sans-serif !important; font-weight: 700 !important; font-size:20px; line-height: 24px; color:#7c3108 !important; } .ctdl-blog-posts .item-description, .ctdl-posts .item-description {color:#161616 !important; } .ctdl-posts-search-results.border-thin.layout-box .item-content, .ctdl-blog-posts.border-thin.layout-box .item-content, .ctdl-posts.border-thin.layout-box .item-content, .ctdl-posts-search-results.border-thin.layout-list .item-content, .ctdl-blog-posts.border-thin.layout-list .item-content, .ctdl-posts.border-thin.layout-list .item-content, .ctdl-posts-search-results.border-thin.layout-simple article, .ctdl-blog-posts.border-thin.layout-simple article, .ctdl-posts.border-thin.layout-simple article { border-color: rgba(124, 49, 8, 0.5) !important; } .blog .site-main .type-post .entry-header .entry-meta, .archive .site-main .type-post .entry-header .entry-meta, .search-results .site-main .hentry .entry-header .entry-meta, .search-results .site-main .type-product .entry-header .entry-meta, .ctdl-posts-search-results.layout-simple article .entry-header .entry-meta, .ctdl-blog-posts.layout-simple article .entry-header .entry-meta, .ctdl-posts.layout-simple article .entry-header .entry-meta {display:none;} .blog .site-main .type-post, .archive .site-main .type-post, .search-results .site-main .hentry, .search-results .site-main .type-product, .ctdl-posts-search-results.layout-simple article, .ctdl-blog-posts.layout-simple article, .ctdl-posts.layout-simple article {margin-bottom:30px !important; padding-bottom:40px !important; border-bottom: 1px solid #eaeaea;min-height:245px;} .blog .site-main .type-post .post-thumbnail, .archive .site-main .type-post .post-thumbnail, .search-results .site-main .hentry .post-thumbnail, .search-results .site-main .type-product .post-thumbnail, .ctdl-posts-search-results.layout-simple article .post-thumbnail, .ctdl-blog-posts.layout-simple article .post-thumbnail, .ctdl-posts.layout-simple article .post-thumbnail {width:160px; max-width:160px; float:left;} .blog .site-main .type-post .entry-header, .archive .site-main .type-post .entry-header, .search-results .site-main .hentry .entry-header, .search-results .site-main .type-product .entry-header, .ctdl-posts-search-results.layout-simple article .entry-header, .ctdl-blog-posts.layout-simple article .entry-header, .ctdl-posts.layout-simple article .entry-header {float:right; text-align:left; width:calc(100% - 180px);} .ctdl-blog-posts.layout-simple .entry-content, .ctdl-blog-posts.layout-simple .entry-summary, .ctdl-posts-search-results.layout-simple .entry-content, .ctdl-posts-search-results.layout-simple .entry-summary {float:right; text-align:left; width:calc(100% - 180px); font-size:16px; line-height:24px; min-height:125px;} .blog .site-main .type-post .entry-footer, .archive .site-main .type-post .entry-footer, .search-results .site-main .hentry .entry-footer, .search-results .site-main .type-product .entry-footer, .ctdl-posts-search-results.layout-simple article .entry-footer, .ctdl-blog-posts.layout-simple article .entry-footer, .ctdl-posts.layout-simple article .entry-footer {width:180px; max-width:180px; min-height:160px; padding-top:10px;} .blog .site-main .type-post .entry-header .entry-title, .archive .site-main .type-post .entry-header .entry-title, .search-results .site-main .hentry .entry-header .entry-title, .search-results .site-main .type-product .entry-header .entry-title, .ctdl-posts-search-results.layout-simple article .entry-header .entry-title, .ctdl-blog-posts.layout-simple article .entry-header .entry-title, .ctdl-posts.layout-simple article .entry-header .entry-title {text-transform:none; font-size:24px; line-height: 28px; color: #212626 !important; margin: 10px 0 10px !important;} .blog .site-main .type-post .entry-footer .cats-links .cats-list a, .archive .site-main .type-post .entry-footer .cats-links .cats-list a, .search-results .site-main .hentry .entry-footer .cats-links .cats-list a, .search-results .site-main .type-product .entry-footer .cats-links .cats-list a, .ctdl-posts-search-results.layout-simple article .entry-footer .cats-links .cats-list a, .ctdl-blog-posts.layout-simple article .entry-footer .cats-links .cats-list a, .ctdl-posts.layout-simple article .entry-footer .cats-links .cats-list a {padding:0 !important; padding-left:8px !important; text-transform: none !important; font-weight:normal !important; letter-spacing: 0.0em !important; border-left:0px solid transparent !important; font-size:14px !important; display:block !important; margin-bottom:10px !important;} .blog .site-main .type-post .entry-footer .cats-links .cats-list a:hover, .archive .site-main .type-post .entry-footer .cats-links .cats-list a:hover, .search-results .site-main .hentry .entry-footer .cats-links .cats-list a:hover, .search-results .site-main .type-product .entry-footer .cats-links .cats-list a:hover, .ctdl-posts-search-results.layout-simple article .entry-footer .cats-links .cats-list a:hover, .ctdl-blog-posts.layout-simple article .entry-footer .cats-links .cats-list a:hover, .ctdl-posts.layout-simple article .entry-footer .cats-links .cats-list a:hover {background: rgba(253, 70, 105, 0.0) !important;} .blog .site-main .type-post .entry-footer .cats-links, .archive .site-main .type-post .entry-footer .cats-links, .search-results .site-main .hentry .entry-footer .cats-links, .search-results .site-main .type-product .entry-footer .cats-links, .ctdl-posts-search-results.layout-simple article .entry-footer .cats-links, .ctdl-blog-posts.layout-simple article .entry-footer .cats-links, .ctdl-posts.layout-simple article .entry-footer .cats-links {padding-top:0px !important;} .blog .site-main .type-post .entry-footer .cats-links, .archive .site-main .type-post .entry-footer .cats-links, .search-results .site-main .hentry .entry-footer .cats-links, .search-results .site-main .type-product .entry-footer .cats-links, .ctdl-posts-search-results.layout-simple article .entry-footer .cats-links, .ctdl-blog-posts.layout-simple article .entry-footer .cats-links, .ctdl-posts.layout-simple article .entry-footer .cats-links {min-height:150px !important;} .cats-list {display:none;} .widget .wp-block-tag-cloud a {display: block !important; font-size:16px !important; line-height:24px !important} .archive .page-title {padding-top:3em !important; padding-bottom:0 !important; margin-bottom:0 !important;} .archive .page-title .entry-header h1 span.main-data {font-size: 38px; line-height: 43px; color:#ffffff; text-shadow: 2px 2px 12px rgba(32,32,32,0.2); } .site-content .page-title .entry-header:before {border-bottom: 1px solid transparent !important;} .single-post .widget-area-wrap, .blog .widget-area-wrap, .archive .widget-area-wrap {margin-top:120px; padding-left:20px; font-weight:normal !important; } .single-post .widget-area-wrap p, .blog .widget-area-wrap p, .archive .widget-area-wrap p {font-size: 20px; line-height:24px; margin-bottom:0 !important; color:#212626; } .single-post .widget-area-wrap .widget_text, .blog .widget-area-wrap .widget_text .archive .widget-area-wrap .widget_text {margin-bottom:10px !important;} .single-post .widget-area .widget:after, .blog .widget-area .widget:after, .archive .widget-area .widget:after {display:none !important;} .widget.widget_recent_entries ul li a {font-size:18px; line-height:20px; margin-bottom:20px; color:#212626;} .widget.widget_recent_entries ul li a:hover {color:#7c3108;} .widget .wp-block-tag-cloud {color:#212626;} .wp-block-tag-cloud a {color:#212626 !important; opacity:0.9 !important;} .wp-block-tag-cloud a:hover {color:#7c3108 !important;} .blog-cta {margin-top:140px; margin-left:-40px; width:calc(100% + 40px);} @media only screen and (min-width: 1026px) and (max-width: 1185px) { body:not(.page-fullwidth).right-sidebar #secondary, body:not(.page-fullwidth).left-sidebar #secondary { width: 26% !important; margin-left:-20px !important;} } @media only screen and (max-width: 900px) { .blog .site-main .type-post .entry-header, .archive .site-main .type-post .entry-header, .search-results .site-main .hentry .entry-header, .search-results .site-main .type-product .entry-header, .ctdl-posts-search-results.layout-simple article .entry-header, .ctdl-blog-posts.layout-simple article .entry-header, .ctdl-posts.layout-simple article .entry-header {padding-right: 20px !important;} .blog .site-main .type-post .entry-header, .archive .site-main .type-post .entry-header, .search-results .site-main .hentry .entry-header, .search-results .site-main .type-product .entry-header, .ctdl-posts-search-results.layout-simple article .entry-header, .ctdl-blog-posts.layout-simple article .entry-header, .ctdl-posts.layout-simple article .entry-header {float: none; text-align: left; width: 100%;} .blog .site-main .type-post .post-thumbnail, .archive .site-main .type-post .post-thumbnail, .search-results .site-main .hentry .post-thumbnail, .search-results .site-main .type-product .post-thumbnail, .ctdl-posts-search-results.layout-simple article .post-thumbnail, .ctdl-blog-posts.layout-simple article .post-thumbnail, .ctdl-posts.layout-simple article .post-thumbnail {width: 160px; max-width: 160px; float: left;} .ctdl-blog-posts.layout-simple .entry-content, .ctdl-blog-posts.layout-simple .entry-summary, .ctdl-posts-search-results.layout-simple .entry-content, .ctdl-posts-search-results.layout-simple .entry-summary {min-height:120px; max-height:120px; overflow:hidden;} .ctdl-blog-posts.layout-simple .entry-content:after, .ctdl-blog-posts.layout-simple .entry-summary:after, .ctdl-posts-search-results.layout-simple .entry-content:after, .ctdl-posts-search-results.layout-simple .entry-summary:after {content: ""; height:0px; width:100%; display:block; clear: both;} .blog .site-main .type-post .entry-footer, .archive .site-main .type-post .entry-footer, .search-results .site-main .hentry .entry-footer, .search-results .site-main .type-product .entry-footer, .ctdl-posts-search-results.layout-simple article .entry-footer, .ctdl-blog-posts.layout-simple article .entry-footer, .ctdl-posts.layout-simple article .entry-footer {display:none !important; min-height:0 !important;} } @media only screen and (max-width: 640px) { .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4 {text-align:left;} body:not(.page-fullwidth).right-sidebar #secondary, body:not(.page-fullwidth).left-sidebar #secondary {display:none;} .ctdl-blog-posts.layout-simple .entry-content, .ctdl-blog-posts.layout-simple .entry-summary, .ctdl-posts-search-results.layout-simple .entry-content, .ctdl-posts-search-results.layout-simple .entry-summary {float:none; width:100%; min-height:120px; max-height:none; overflow:auto;} .blog .site-main .type-post .post-thumbnail, .archive .site-main .type-post .post-thumbnail, .search-results .site-main .hentry .post-thumbnail, .search-results .site-main .type-product .post-thumbnail, .ctdl-posts-search-results.layout-simple article .post-thumbnail, .ctdl-blog-posts.layout-simple article .post-thumbnail, .ctdl-posts.layout-simple article .post-thumbnail {display:none;} } @media only screen and (max-width: 540px) { .single-post .entry-content h1 {font-size:32px; line-height: 36px; padding:0 00px 0 10px; } .single-post .entry-content h2 {font-size:24px; line-height: 28px; padding:0 00px; } .single-post .entry-content h3 {font-size:18px; line-height: 26px; padding:0 00px;} .single-post .entry-content h4 {font-size:18px; line-height: 25px; padding:0 01px; } .single-post .entry-content p {font-size:16px; line-height: 24px; padding:0 01px;} .single-post .entry-content p:last-of-type {font-size:20px; line-height: 24px; padding:0 00px; } .single-post .entry-content li {font-size:16px; line-height: 26px; padding:0 01px;} .single-post .entry-content img {width:calc(100% + 80px); max-width:calc(100% + 80px); margin-left:-40px;} .single-post .content-area, .blog .content-area, .archive .content-area {margin-left:-12px !important; margin-right:4px; } }