#site-wrapper {
max-width: 1690px;
}
#primary { width: 400px; }
#secondary { width: 400px; }
#container.one-column .main { width: 100%; }
#container.two-columns-right #secondary { float: right; }
#container.two-columns-right .main,
.two-columns-right #breadcrumbs { width: calc( 100% - 400px ); float: left; }
#container.two-columns-left #primary { float: left; }
#container.two-columns-left .main,
.two-columns-left #breadcrumbs { width: calc( 100% - 400px ); float: right; }
#container.three-columns-right #primary,
#container.three-columns-left #primary,
#container.three-columns-sided #primary { float: left; }
#container.three-columns-right #secondary,
#container.three-columns-left #secondary,
#container.three-columns-sided #secondary { float: left; }
#container.three-columns-right #primary,
#container.three-columns-left #secondary { margin-left: 0%; margin-right: 0%; }
#container.three-columns-right .main,
.three-columns-right #breadcrumbs { width: calc( 100% - 800px ); float: left; }
#container.three-columns-left .main,
.three-columns-left #breadcrumbs { width: calc( 100% - 800px ); float: right; }
#container.three-columns-sided #secondary { float: right; }
#container.three-columns-sided .main,
.three-columns-sided #breadcrumbs { width: calc( 100% - 800px ); float: right; }
.three-columns-sided #breadcrumbs { margin: 0 calc( 0% + 400px ) 0 -1920px; }
#site-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.site-header-top .site-header-inside { min-height: 0; }
html {
font-family: Roboto;
font-size: 16px; font-weight: 500;
line-height: 2;
;
}
#site-title {
font-family: Roboto;
font-size: 1.1em; font-weight: 700;
}
#site-text {
text-transform: uppercase;
}
#access ul li a {
font-family: Roboto;
font-size: 0.85em; font-weight: 400;
text-transform: uppercase;
}
.widget-title {
font-family: Roboto;
font-size: 1em;
font-weight: 700;
line-height: 2; margin-bottom: 1em;
text-transform: uppercase; }
.widget-container {
font-family: Roboto;
font-size: 1em;
font-weight: 400;
}
.widget-container ul li {
line-height: 2;
;
}
.entry-title,
.main .page-title {
font-family: Roboto;
font-size: 1.4em;
font-weight: 700;
;
}
.entry-meta > span {
font-family: Roboto;
font-weight: 400;
;
}
.entry-meta > span {
font-size: 0.9em;
}
/* header titles */
.single .entry-title,
#header-page-title .entry-title {
font-family: Roboto;
font-size: 3em; font-weight: 700;
line-height: 1.4;
text-transform: uppercase;
}
#header-page-title .entry-meta > span {
font-family: Roboto;
font-size: 1.45em; font-weight: 400;
;
}
h1 { font-size: 2.33em; } h2 { font-size: 2.06em; } h3 { font-size: 1.79em; } h4 { font-size: 1.52em; } h5 { font-size: 1.25em; } h6 { font-size: 0.98em; } h1, h2, h3, h4,
.seriousslider-theme .seriousslider-caption-title {
font-family: Roboto;
font-weight: 700;
; }
.entry-content h1, .entry-summary h1,
.entry-content h2, .entry-summary h2,
.entry-content h3, .entry-summary h3,
.entry-content h4, .entry-summary h4,
.entry-content h5, .entry-summary h5,
.entry-content h6, .entry-summary h6 {
line-height: 1.2;
margin-bottom: 0.5em;
}
a.continue-reading-link,
.lp-block-readmore,
.lp-box-readmore,
#cryout_ajax_more_trigger,
.lp-port-readmore,
.comment .reply,
a.staticslider-button, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button,
nav#mobile-menu a,
button, input[type="button"], input[type="submit"], input[type="reset"],
#nav-fixed a + a,
.wp-block-button {
font-family: Roboto;
}
.lp-text-title {
font-family: Roboto; font-weight: 700;
}
blockquote cite {
font-family: Roboto;
}
body {
color: #666666;
background-color: #FFFFFF;
}
.lp-staticslider .staticslider-caption-text a {
color: #FFFFFF;
}
#site-header-main,
#access ul ul,
.menu-search-animated .searchform input[type="search"],
#access .menu-search-animated .searchform,
.site-header-bottom-fixed,
.roseta-over-menu .site-header-bottom.header-fixed .site-header-bottom-fixed {
background-color: #FFFFFF;
}
.roseta-over-menu .site-header-bottom-fixed {
background: transparent;
}
@media (max-width: 800px) {
#top-section-menu::before {
background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0.5) );
background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.5) );
}
#top-section-menu::after {
background: -webkit-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,0.5) );
background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0.5) );
}
}
.roseta-over-menu .header-fixed.site-header-bottom #site-title a {
color: #6c68ed;
}
.roseta-over-menu #site-title a,
.roseta-over-menu #access > div > ul > li,
.roseta-over-menu #access > div > ul > li > a,
.roseta-over-menu #sheader.socials a::before {
color: #6c68ed;
}
@media (min-width: 1153px) {
.roseta-over-menu #header-page-title,
.roseta-over-menu .lp-staticslider .staticslider-caption-inside,
.roseta-over-menu .seriousslider-theme .seriousslider-caption-inside {
padding-top: 165px;
}
}
#access > div > ul > li,
#access > div > ul > li > a,
.roseta-over-menu .header-fixed.site-header-bottom #access > div > ul > li:not([class*='current']),
.roseta-over-menu .header-fixed.site-header-bottom #access > div > ul > li:not([class*='current']) > a,
.roseta-over-menu .header-fixed.site-header-bottom .top-section-element.widget_cryout_socials a::before,
.top-section-element.widget_cryout_socials a::before, #access .menu-search-animated .searchform input[type="search"] {
color: #515151;
}
#mobile-menu {
color: #515151;
}
.roseta-over-menu .header-fixed.site-header-bottom .top-section-element.widget_cryout_socials a:hover::before,
.top-section-element.widget_cryout_socials a:hover::before {
color: #FFFFFF;
}
#access ul.sub-menu li a,
#access ul.children li a {
color: #515151;
}
#access ul.sub-menu li a,
#access ul.children li a {
background-color: #FFFFFF;
}
#access > div > ul > li:hover > a,
#access > div > ul > li a:hover,
#access > div > ul > li:hover,
.roseta-over-menu .header-fixed.site-header-bottom #access > div > ul > li > a:hover,
.roseta-over-menu .header-fixed.site-header-bottom #access > div > ul > li:hover {
color: #6c68ed;
}
#access > div > ul > li > a > span::before,
#site-title::before, #site-title::after {
background-color: #6c68ed;
}
#site-title a:hover {
color: #6c68ed;
}
#access > div > ul > li.current_page_item > a,
#access > div > ul > li.current-menu-item > a,
#access > div > ul > li.current_page_ancestor > a,
#access > div > ul > li.current-menu-ancestor > a,
#access .sub-menu, #access .children,
.roseta-over-menu .header-fixed.site-header-bottom #access > div > ul > li > a {
color: #162521;
}
#access ul.children > li.current_page_item > a,
#access ul.sub-menu > li.current-menu-item > a,
#access ul.children > li.current_page_ancestor > a,
#access ul.sub-menu > li.current-menu-ancestor > a {
color: #162521;
}
#access .sub-menu li:not(:last-child) a > span,
#access .children li:not(:last-child) a > span {
border-bottom: 1px solid #eeeeee;
}
.searchform .searchsubmit {
color: #666666;
}
#access ul li.special1 > a {
background-color: #f0f0f0;
}
#access ul li.special2 > a {
background-color: #515151;
color: #FFFFFF;
}
#access ul li.accent1 > a {
background-color: #6c68ed;
color: #FFFFFF;
}
#access ul li.accent2 > a {
background-color: #162521;
color: #FFFFFF;
}
#access ul li.accent1 > a:hover,
#access ul li.accent2 > a:hover {
color: #FFFFFF;
}
#access > div > ul > li.accent1 > a > span::before,
#access > div > ul > li.accent2 > a > span::before {
background-color: #FFFFFF;
}
body:not(.roseta-landing-page) article.hentry,
body:not(.roseta-landing-page) .main,
body.roseta-boxed-layout:not(.roseta-landing-page) #container {
background-color: #ffffff;
}
.pagination a, .pagination span {
background-color: #f3f3f3;
}
.pagination a:not(.prev):not(.next):hover {
background-color: #6c68ed;
color: #ffffff;
}
#header-page-title-overlay,
.lp-staticslider .staticslider-caption::after,
.seriousslider-theme .seriousslider-caption::after {
background-color: #162521;
opacity: 0.5;
}
#header-page-title #header-page-title-inside,
#header-page-title .entry-meta span, #header-page-title .entry-meta a,
#header-page-title .entry-meta time, #header-page-title .entry-meta .icon-metas::before,
#header-page-title .byline,
#header-page-title #breadcrumbs-nav,
.lp-staticslider .staticslider-caption-inside,
.seriousslider-theme .seriousslider-caption-inside {
color: #FFFFFF;
}
#primary .widget-container { background-color: #635eed; border-color: #524ddc; }
@media (max-width: 640px) { .cryout #container #primary .widget-container { padding: 1em; } }
#secondary .widget-container { background-color: #635eed; border-color: #524ddc;}
@media (max-width: 640px) { .cryout #container #secondary .widget-container { padding: 1em; } }
#colophon, #footer {
background-color: #7cb3dd;
color: #ffffff;
}
#colophon .widget-title > span {
background-color: #ffffff;
}
.main #content-masonry .entry-title {
color: #162521;
background-color: #ffffff;
}
@media (min-width: 720px) {
.roseta-magazine-one .main #content-masonry .post-thumbnail-container + .entry-after-image {
background-color: #ffffff;
}
}
.entry-title a:active,
.entry-title a:hover {
color: #6c68ed;
}
.entry-title::before {
background-color: #6c68ed;
}
span.entry-format {
color: #6c68ed;
}
.main #content-masonry .format-link .entry-content a {
background-color: #6c68ed;
color: #ffffff;
}
.main #content-masonry .format-link::after {
color: #ffffff;
}
.cryout article.hentry.format-image,
.cryout article.hentry.format-audio,
.cryout article.hentry.format-video {
background-color: #f5f5f5;
}
.format-aside,
.format-quote {
border-color: #dedede;
}
.entry-content h5,
.entry-content h6,
.lp-text-content h5,
.lp-text-content h6 {
color: #162521;
}
.entry-content blockquote::before,
.entry-content blockquote::after {
color: rgba(102,102,102,0.2);
}
.entry-content h1, .entry-content h2,
.entry-content h3, .entry-content h4,
.lp-text-content h1, .lp-text-content h2,
.lp-text-content h3, .lp-text-content h4 {
color: #635eed;
}
a {
color: #6c68ed;
}
a:hover,
.entry-meta span a:hover,
.comments-link a {
color: #162521;
}
.comments-link a:hover {
color: #6c68ed;
}
.comments-link {
background-color: #eeeeee;
}
.comments-link::before {
border-color: #eeeeee;
}
.socials a::before {
color: #6c68ed;
}
#site-header-main .socials a::after {
color: #6c68ed;
}
.roseta-normalizedtags #content .tagcloud a {
color: #ffffff;
background-color: #6c68ed;
}
.roseta-normalizedtags #content .tagcloud a:hover {
background-color: #162521;
}
#nav-fixed i {
background-color: #eeeeee;
}
#nav-fixed .nav-next:hover i,
#nav-fixed .nav-previous:hover i {
background-color: #162521;
}
#nav-fixed a:hover + a,
#nav-fixed a + a:hover {
background-color: rgba(22,37,33,1);
}
#nav-fixed i,
#nav-fixed span {
color: #ffffff;
}
a#toTop::before {
color: #6c68ed;
}
a#toTop::after {
color: #162521;
}
@media (max-width: 800px) {
.cryout #footer-bottom .footer-inside { padding-top: 2.5em; }
.cryout .footer-inside a#toTop {
background-color: #6c68ed;
color: #FFFFFF;
}
.cryout .footer-inside a#toTop:hover { opacity: 0.8;}
}
.author-description .page-title span {
color: #162521;
border-bottom-color: #6c68ed;
}
a.continue-reading-link,
.lp-box-readmore {
color: #162521;
}
.continue-reading-link::before,
.lp-box-readmore::before {
background-color:#6c68ed;
}
.entry-meta .icon-metas:before {
color: #ababab;
}
.roseta-caption-one .main .wp-caption .wp-caption-text {
border-bottom-color: #eeeeee;
}
.roseta-caption-two .main .wp-caption .wp-caption-text {
background-color: #f5f5f5;
}
.roseta-image-one .entry-content img[class*="align"],
.roseta-image-one .entry-summary img[class*="align"],
.roseta-image-two .entry-content img[class*='align'],
.roseta-image-two .entry-summary img[class*='align'] {
border-color: #eeeeee;
}
.roseta-image-five .entry-content img[class*='align'],
.roseta-image-five .entry-summary img[class*='align'] { border-color: #6c68ed; }
/* diffs */
span.edit-link a.post-edit-link,
span.edit-link a.post-edit-link:hover,
span.edit-link .icon-edit:before {
color: #666666;
}
.searchform {
border-color: #ebebeb;
}
#breadcrumbs-container {
background-color: #f8f8f8;
}
.entry-meta span,
.entry-meta a,
.entry-utility span,
.entry-utility a,
.entry-meta time,
.footermenu ul li span.sep,
#breadcrumbs-nav {
color: #ababab;
}
.footermenu ul li a:hover {
color: #6c68ed;
}
.footermenu ul li a::after {
background: #6c68ed;
}
span.entry-sticky {
background-color: #6c68ed;
color: #ffffff;
}
#commentform {
}
code,
#nav-below .nav-previous a:before,
#nav-below .nav-next a:before {
background-color: #eeeeee;
}
pre,
.comment-author {
border-color: #eeeeee;
}
.commentlist .comment-body, .commentlist .pingback {
border-color: #eeeeee;
}
.commentlist .comment-body::after {
border-right-color: #ffffff;
}
.commentlist .comment-body::before {
border-right-color: #e8e8e8;
}
article .author-info, .single .author-info {
border-color: #eeeeee;
}
.page-header.pad-container {
border-color: #eeeeee;
}
.comment-meta a {
color: #c9c9c9;
}
.commentlist .reply a {
color: #b5b5b5;
}
.commentlist .reply a:hover {
border-bottom-color: #6c68ed;
}
select,
input[type],
textarea {
color: #666666;
border-color: #e9e9e9;
}
.searchform input[type="search"],
.searchform input[type="search"]:hover,
.searchform input[type="search"]:focus {
background-color: #ffffff;
}
#content .searchform input[type="search"] {
border-bottom-color: #6c68ed;
}
#content .searchform:hover input[type="search"],
#content .searchform input[type="search"]:focus {
border-bottom-color: #162521;
}
#content .searchform::after {
background-color: #162521;
}
input[type]:hover, textarea:hover, select:hover,
input[type]:focus, textarea:focus, select:focus {
border-color: #dcdcdc;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
background-color: #6c68ed;
color: #ffffff;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
background-color: #162521;
}
hr {
background-color: #f0f0f0;
}
.cryout-preloader > div {
background-color: #6c68ed;
}
/* gutenberg */
.wp-block-image.alignwide {
margin-left: calc( ( 6% + 2.5em ) * -1 );
margin-right: calc( ( 6% + 2.5em ) * -1 );
}
.wp-block-image.alignwide img {
width: calc( 112% + 5em );
max-width: calc( 112% + 5em );
}
.has-accent-1-color, .has-accent-1-color:hover {
color: #6c68ed;
}
.has-accent-2-color, .has-accent-2-color:hover {
color: #162521;
}
.has-headings-color, .has-headings-color:hover {
color: #635eed;
}
.has-sitetext-color, .has-sitetext-color:hover {
color: #666666;
}
.has-sitebg-color, .has-sitebg-color:hover {
color: #ffffff;
}
.has-accent-1-background-color {
background-color: #6c68ed;
}
.has-accent-2-background-color {
background-color: #162521;
}
.has-headings-background-color {
background-color: #635eed;
}
.has-sitetext-background-color {
background-color: #666666;
}
.has-sitebg-background-color {
background-color: #ffffff;
}
.has-small-font-size {
font-size: 13px;
}
.has-regular-font-size {
font-size: 16px;
}
.has-large-font-size {
font-size: 19px;
}
.has-larger-font-size {
font-size: 23px;
}
.has-huge-font-size {
font-size: 23px;
}
/* woocommerce */
.woocommerce-thumbnail-container .woocommerce-buttons-container a,
.woocommerce-page #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce-page button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button {
font-family: Roboto;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce div.product .product_title,
.woocommerce .woocommerce-tabs h2 {
font-family: Roboto;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce .star-rating {
color: #162521;
}
.woocommerce-page #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce-page button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button {
background-color: #6c68ed;
color: #ffffff;
line-height: 2;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: #162521;
color: #ffffff;
}
.woocommerce-page #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce-page button.button.alt, .woocommerce input.button.alt {
background-color: #162521;
color: #ffffff;
line-height: 2;
}
.woocommerce-page #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #000300;
color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-bottom-color: #ffffff;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover {
background-color: #162521;
}
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #162521}
.woocommerce-checkout #payment {
background: #f5f5f5;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: #162521;
}
/* mobile menu */
nav#mobile-menu,
#mobile-menu .menu-main-search {
background-color: #FFFFFF;
}
#mobile-menu .mobile-arrow {
color: #666666;
}
.main .entry-content,
.main .entry-summary {
text-align: left;
}
.main p,
.main ul,
.main ol,
.main dd,
.main pre,
.main hr {
margin-bottom: 1em;
}
.main .entry-content p {
text-indent: 0em;
}
.main a.post-featured-image {
background-position: center center;
}
#header-widget-area {
width: 100%;
left: calc(50% - 100% / 2); }
.roseta-stripped-table .main thead th,
.roseta-bordered-table .main thead th,
.roseta-stripped-table .main td, .roseta-stripped-table .main th,
.roseta-bordered-table .main th, .roseta-bordered-table .main td {
border-color: #e9e9e9;
}
.roseta-clean-table .main th,
.roseta-stripped-table .main tr:nth-child(even) td,
.roseta-stripped-table .main tr:nth-child(even) th {
background-color: #f8f8f8;
}
article.hentry .article-inner,
#content-masonry article.hentry .article-inner {
padding: 4%;
}
#breadcrumbs-nav,
body.woocommerce.woocommerce-page #breadcrumbs-nav,
.pad-container {
padding: 4%;
}
.roseta-magazine-two.archive #breadcrumbs-nav,
.roseta-magazine-two.archive .pad-container,
.roseta-magazine-two.search #breadcrumbs-nav,
.roseta-magazine-two.search .pad-container {
padding: 2%;
}
.roseta-magazine-three.archive #breadcrumbs-nav,
.roseta-magazine-three.archive .pad-container,
.roseta-magazine-three.search #breadcrumbs-nav,
.roseta-magazine-three.search .pad-container {
padding: 1.33333333333%;
}
@media (min-width: 801px) {
.site-header-bottom {
height:65px;
}
}
.site-header-bottom .site-header-inside {
height:64px;
}
#access .menu-search-animated .searchform {
height: 64px;
line-height: 64px;
}
.menu-search-animated {
height:65px;
line-height:65px;
}
#access div > ul > li > a,
#access ul li[class*="icon"]::before {
line-height:65px;
}
.roseta-responsive-headerimage #masthead #header-image-main-inside {
max-height: 300px;
}
.roseta-cropped-headerimage #masthead #header-image-main-inside {
height: 300px;
}