|
Server : LiteSpeed System : Linux server51.dnsbootclub.com 4.18.0-553.62.1.lve.el8.x86_64 #1 SMP Mon Jul 21 17:50:35 UTC 2025 x86_64 User : nandedex ( 1060) PHP Version : 8.1.33 Disable Function : NONE Directory : /home/nandedex/www/s.nandedexpress.com/ |
better-reviews-rtl.scss 0000644 00000000346 15121341015 0011203 0 ustar 00 @import "styles/_variables.scss";
@import "styles/general-rtl.scss";
@import "styles/style-big-2-3-rtl.scss";
@import "styles/style-big-4-rtl.scss";
@import "styles/style-big-5-rtl.scss";
@import "styles/style-tall-1-2-rtl.scss";
styles/style-big-2-3.scss 0000644 00000002413 15121341020 0011147 0 ustar 00 @import "_variables.scss";
.betterstudio-review.big-2:before,
.betterstudio-review.big-3:before {
content: ' ';
display: block;
width: 1px;
height: 100%;
right: 33%;
position: absolute;
z-index: 1;
background: #ebebeb;
}
.betterstudio-review.big-2 .review-cons-pros > aside,
.betterstudio-review.big-3 .review-cons-pros > aside {
float: none;
width: 100%;
border-top-width: 0;
}
.betterstudio-review.big-2 .review-cons-pros > aside:last-child,
.betterstudio-review.big-3 .review-cons-pros > aside:last-child {
border-bottom-width: 0;
}
.betterstudio-review.big-2 .overall,
.betterstudio-review.big-3 .overall {
margin-left: 0;
margin-right: 15px;
float: left;
}
.betterstudio-review.big-2 .affiliate,
.betterstudio-review.big-3 .affiliate {
padding-right: 10px;
}
.betterstudio-review.big-3 .review-first-col {
float: right;
}
.betterstudio-review.big-3 .review-second-col {
float: left;
}
.betterstudio-review.big-3:before {
right: auto;
left: 33%;
}
.betterstudio-review.big-3 .review-first-col:first-child:last-child,
.betterstudio-review.big-2 .review-first-col:first-child:last-child {
float: none;
width: 100%;
}
.betterstudio-review.big-3.no-sec-column:before,
.betterstudio-review.big-2.no-sec-column:before {
display: none;
}
styles/style-big-4-rtl.scss 0000644 00000000641 15121341020 0011611 0 ustar 00 @import "_variables.scss";
.betterstudio-review.big-4 {
.verdict {
float: right;
}
.affiliate {
left: 0;
border-right: 1px solid #ebebeb;
right: auto;
border-left: none;
}
.criteria-list ul {
padding-right: 180px;
padding-left: 0;
}
.overall {
float: right;
margin-right: 0;
margin-left: 15px;
}
.review-cons-pros > aside:first-child {
padding-right: 25px;
padding-left: 0;
}
}
styles/style-big-2-3-rtl.scss 0000644 00000001066 15121341020 0011751 0 ustar 00 @import "_variables.scss";
.betterstudio-review.big-2:before,
.betterstudio-review.big-3:before {
left: 33%;
right: auto;
}
.betterstudio-review.big-2 .overall,
.betterstudio-review.big-3 .overall {
margin-right: 0;
margin-left: 15px;
float: right;
}
.betterstudio-review.big-2 .affiliate,
.betterstudio-review.big-3 .affiliate {
padding-left: 10px;
}
.betterstudio-review.big-3 .review-first-col {
float: left;
}
.betterstudio-review.big-3 .review-second-col {
float: right;
}
.betterstudio-review.big-3:before {
left: auto;
right: 33%;
}
styles/style-big-5-rtl.scss 0000644 00000000451 15121341020 0011611 0 ustar 00 @import "_variables.scss";
.betterstudio-review.big-5 {
.overall {
float: right;
margin-right: 0;
margin-left: 0;
}
.verdict-summary {
padding-left: 0;
padding-right: 182px;
}
.criteria-list {
float: right;
}
.heading .fa {
margin-left: 10px;
margin-right: auto;
}
}
styles/style-big-5.scss 0000644 00000000722 15121341020 0011013 0 ustar 00 @import "_variables.scss";
.betterstudio-review.big-5 {
.overall {
float: left;
margin-left: 0;
margin-right: 0;
}
.verdict-summary {
padding-right: 0;
padding-left: 182px;
}
.affiliate {
margin-top: 0;
border-top: none;
border-bottom: 1px solid #ebebeb;
}
.criteria-list {
float: left;
width: 100%;
padding: 0;
border-top: 1px solid #ececec;
&:first-child {
border-top: none;
}
}
.heading .fa {
margin-right: 10px;
}
}
styles/general-rtl.scss 0000644 00000003374 15121341020 0011174 0 ustar 00 /**
* =>Review
**/
.betterstudio-review {
clear: right;
}
.betterstudio-review .overall {
float: left;
margin-right: 15px;
margin-left: auto;
}
.betterstudio-review .criteria-list li .criterion .rate {
float: left;
}
.betterstudio-review .criteria-list li .rating-stars {
float: left;
}
.rating-stars span {
left: inherit;
right: 0;
}
/**
* =>Star rating
**/
.rating-stars {
text-align: right;
}
.post-meta .rating-stars span:before,
.post-meta .rating-stars span,
.post-meta .rating-stars:before,
.post-meta .rating-stars {
float: left;
}
/**
* =>Bar rating
**/
.rating-bar {
text-align: right;
}
.rating-bar span.rate-number {
left: -20px;
right: auto;
}
.post-meta .rating-bar {
float: left;
}
.review-pros-section,
.review-cons-section {
float: right;
}
.review-pros-section ul,
.review-cons-section ul {
padding-right: 13px;
padding-left: 0;
}
.review-pros-section li,
.review-cons-section li {
padding-right: 25px;
padding-left: 0;
}
.review-pros-section li:before,
.review-cons-section li:before {
right: 0;
left: auto;
}
.betterstudio-review .affiliate-btn {
float: left;
}
.betterstudio-review .heading .fa {
margin-left: 7px;
margin-right: auto;
}
.betterstudio-review .btn .fa {
margin-left: 5px;
margin-right: auto;
}
.betterstudio-review .review-cons-pros ul {
padding: 0 7px 0 0;
}
.betterstudio-review .readers-ratings .rating,
.betterstudio-review .readers-ratings .total-votes {
text-align: left;
margin-left: 5px;
margin-right: auto;
}
.betterstudio-review .readers-ratings > aside.rating {
float: left;
}
.betterstudio-review .readers-ratings > aside.heading {
float: right;
}
.betterstudio-review .review-first-col {
float: right;
}
.betterstudio-review .review-second-col {
float: left;
}
styles/style-tall-1-2-rtl.scss 0000644 00000001421 15121341020 0012135 0 ustar 00 @import "_variables.scss";
.betterstudio-review.tall-1.left,
.betterstudio-review.tall-2.left {
float: left;
margin: 0 20px 20px 0;
}
.betterstudio-review.tall-1.right,
.betterstudio-review.tall-2.right {
float: right;
margin: 0 0 20px 20px;
}
@media only screen and (max-width: $break-medium) {
.betterstudio-review.tall-1.left,
.betterstudio-review.tall-2.left {
float: left;
margin: 0 20px 20px 0;
}
.betterstudio-review.tall-1.right,
.betterstudio-review.tall-2.right {
float: right;
margin: 0 0 20px 20px;
}
.betterstudio-review .readers-ratings > aside.rating {
float: none;
}
.betterstudio-review .readers-ratings > aside.heading {
float: none;
}
.betterstudio-review .readers-ratings .total-votes {
text-align: center;
margin: 0;
}
}
styles/general.scss 0000644 00000017327 15121341020 0010400 0 ustar 00 @import "_variables.scss";
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.betterstudio-review {
background-color: #ffffff;
margin-bottom: 20px;
border: 1px solid #ebebeb;
clear: left;
position: relative;
.page-heading {
margin: 0 0 10px 0;
font-size: 24px;
&:last-child {
margin-bottom: 0;
}
}
.verdict > br,
p:empty {
display: none;
}
.verdict {
padding: 20px;
margin: -20px -20px 10px;
}
.overall {
float: right;
background-color: #0080ce;
color: #fff;
padding: 10px;
width: 160px;
text-align: center;
font-family: "Open Sans", sans-serif;
font-weight: 500;
border-radius: 3px;
margin-left: 15px;
.rate {
font-size: 60px;
font-weight: 600;
line-height: 60px;
display: block;
.percentage {
font-size: 24px;
line-height: 24px;
}
}
}
.verdict-summary {
line-height: 1.45;
}
.criteria-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.criteria-list li {
border-bottom: 1px solid #ebebeb;
padding: 8px 0;
&:last-child {
border-bottom: none;
}
.criterion .rate {
float: right;
}
.rating-stars {
float: right;
margin-top: -20px;
}
.rating-bar {
width: 100%;
margin: 10px 0 5px 0;
height: 15px;
span {
height: 15px;
background: $primary-color;
}
}
.review-description {
font-size: 14px;
border-top: 1px solid #ebebeb;
}
}
@media only screen and (max-width: 480px) {
.overall {
float: none;
width: 100%;
margin: 0 0 12px;
}
.verdict-summary {
padding: 0;
}
}
}
/**
* =>Star rating
**/
.rating-stars {
float: none;
max-width: 80px;
font-size: 15px;
color: #c3c3c3;
text-align: left;
position: relative;
}
.ie .rating-stars {
max-width: 95px;
width: 95px;
height: 20px;
overflow: hidden;
}
.rating-stars span,
.rating-stars span:before,
.rating-stars:before {
content: "\f005\f005\f005\f005\f005";
color: inherit;
letter-spacing: 2px;
display: block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
white-space: nowrap;
}
.rating-stars span {
color: inherit;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
text-indent: -9999px;
display: inline-block;
}
.rating-stars span:before {
color: $primary-color;
text-indent: 0;
}
.betterstudio-review .criteria-list .rating-stars {
color: #c3c3c3;
}
.betterstudio-review .overall .rating-stars span:before {
color: #fff;
}
.betterstudio-review .overall .rating-stars {
margin: 15px auto 7px;
color: rgba(0, 0, 0, 0.23);
}
.post-meta .rating-stars span:before,
.post-meta .rating-stars span,
.post-meta .rating-stars:before,
.post-meta .rating-stars {
display: inline-block;
font-size: 12px;
float: right;
line-height: 19px;
}
/**
* =>Bar rating
**/
.rating-bar {
float: none;
width: 60px;
font-size: 15px;
background-color: #c3c3c3;
text-align: left;
position: relative;
height: 12px;
display: block;
margin: auto;
span {
height: 12px;
display: block;
}
span.rate-number {
background-color: transparent !important;
width: auto;
height: 12px;
position: absolute;
top: 0;
margin-top: -3px;
right: -20px;
font-size: 10px;
}
}
.betterstudio-review .verdict .rating-bar {
margin: 15px auto 7px auto;
background-color: rgba(0, 0, 0, 0.23);
height: 10px;
span {
height: 10px;
background-color: #fff;
}
}
.betterstudio-review .criteria-list .rating-bar {
background-color: #c3c3c3;
}
.post-meta .rating-bar {
display: inline-block;
height: 9px;
float: right;
margin-top: 6px;
}
.post-meta .rating-bar span {
height: 9px;
}
.betterstudio-review .review-description,
.betterstudio-review .readers-ratings,
.betterstudio-review .review-cons-pros > aside,
.betterstudio-review .criteria-list,
.betterstudio-review .affiliate,
.betterstudio-review .verdict {
padding: 20px;
margin: 0;
position: relative;
}
.betterstudio-review .criteria-list {
padding: 15px 20px;
border-top: 1px solid #ebebeb;
}
.betterstudio-review .review-cons-pros > aside {
padding: 20px;
line-height: 22px;
}
.betterstudio-review .readers-ratings {
padding-top: 15px;
padding-bottom: 15px;
z-index: 2;
}
.review-pros-section,
.review-cons-section {
float: left;
width: 50%;
border-top: 1px solid #ebebeb;
}
.review-pros-section:first-child:last-child,
.review-cons-section:first-child:last-child {
float: none;
width: 100%;
}
.review-pros-section .fa,
.review-cons-section .fa {
width: 26px;
height: 26px;
line-height: 27px;
border-radius: 30px;
font-size: 16px;
text-align: center;
color: #fff;
background: #02c03c;
}
.review-cons-section .fa {
background-color: #e60000;
}
.review-pros-section ul,
.review-cons-section ul {
list-style: none;
padding-left: 13px;
overflow: hidden;
}
.review-pros-section li,
.review-cons-section li {
position: relative;
margin-bottom: 7px;
padding-left: 25px;
}
.review-pros-section li:last-child,
.review-cons-section li:last-child {
margin-bottom: 0;
}
.review-pros-section li:before,
.review-cons-section li:before {
width: 25px;
content: "\f00c";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: 6px;
color: #1ec64c;
}
.review-cons-section li:before {
content: "\f00d";
color: #e50000;
}
.readers-ratings {
background: #f9f9f9;
border-top: 1px solid #ebebeb;
}
.readers-ratings .rating-stars {
display: inline-block;
margin: 0 10px;
max-width: 94px;
cursor: pointer;
}
.readers-ratings .rating-stars.disable {
cursor: default;
}
.readers-ratings .rating-stars:before,
.readers-ratings .rating-stars span:before {
font-size: 19px;
}
.readers-ratings .rating-stars span:before {
color: #f5be00;
}
.betterstudio-review .affiliate {
background: #f9f9f9;
border-top: 1px solid #ebebeb;
line-height: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
.betterstudio-review .affiliate-btn {
padding: 5px 15px;
border-radius: 3px;
float: right;
}
.betterstudio-review .heading {
font-size: 15px;
color: #282828;
font-weight: bolder;
}
.betterstudio-review .heading .fa {
margin-right: 7px;
}
.betterstudio-review .review-cons-pros .heading {
padding: 0;
margin: 0 0 10px;
}
.betterstudio-review .btn .fa {
margin-right: 5px;
}
.betterstudio-review .btn {
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
text-transform: none !important;
background: $primary-color !important;
}
.betterstudio-review .btn:hover {
text-decoration: none !important;
color: #fff;
}
.betterstudio-review .error-message {
margin: 0 15px;
color: #e50000;
}
.betterstudio-review .verdict .page-heading {
color: $primary-color;
}
.betterstudio-review .review-cons-pros ul {
margin: 0;
padding: 0 0 0 7px;
}
.betterstudio-review .readers-ratings .rating,
.betterstudio-review .readers-ratings .total-votes {
text-align: right;
margin-right: 0;
vertical-align: top;
font-size: 14px;
height: 24px;
line-height: 24px;
display: inline-block;
}
.betterstudio-review .readers-ratings > aside.rating {
float: right;
}
.betterstudio-review .readers-ratings > aside.heading {
float: left;
}
.betterstudio-review .readers-ratings > .rating .rating {
height: 22px;
line-height: 22px;
margin-top: 2px;
}
.betterstudio-review .readers-ratings .total-votes {
color: #848484;
}
.betterstudio-review .rating-stars span {
width: 0;
}
.betterstudio-review .review-first-col {
float: left;
width: 67%;
}
.betterstudio-review .review-second-col {
float: right;
width: 33%;
}
styles/style-big-4.scss 0000644 00000002340 15121341020 0011010 0 ustar 00 @import "_variables.scss";
.betterstudio-review.big-4 {
.review-header {
position: relative;
}
.verdict {
float: left;
width: 65%;
}
.verdict:first-child:last-child {
width: 100%;
float: none;
padding-top: 30px;
padding-bottom: 30px;
}
.affiliate {
width: 35%;
margin: 0;
padding: 25px 15px 10px;
line-height: 25px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
border-left: 1px solid #ebebeb;
border-top: 0;
text-align: center;
}
.verdict-summary {
padding: 0;
}
.heading {
font-size: 14px;
font-weight: 700;
margin-top: 0;
}
.affiliate .heading {
padding-top: 15px;
}
.review-cons-pros .heading {
font-size: 16px;
}
.criteria-list {
border-top: 1px solid #ebebeb;
padding: 20px;
}
.criteria-list ul {
padding-left: 180px;
}
.overall {
float: left;
margin-left: 0;
margin-right: 15px;
text-align: center;
.rating-bar {
margin: 5px auto;
background-color: rgba(255, 255, 255, 0.24);
&.rating-bar span {
background-color: #fff;
}
}
}
.criteria-list li:first-child {
padding-top: 0;
}
.review-cons-pros > aside:first-child {
padding-left: 25px;
}
.affiliate-btn {
float: none;
padding: 8px 18px;
border-radius: 3px;
}
}
styles/_variables.scss 0000644 00000000103 15121341020 0011052 0 ustar 00 $break-medium: 780px;
$break-small: 480px;
$primary-color: #0080ce; styles/style-tall-1-2.scss 0000644 00000011335 15121341020 0011343 0 ustar 00 @import "_variables.scss";
.betterstudio-review.tall-1,
.betterstudio-review.tall-2 {
width: 315px;
border: 1px solid #ebebeb;
}
.betterstudio-review.tall-1.right,
.betterstudio-review.tall-2.right {
float: right;
margin: 0 0 20px 20px;
}
.betterstudio-review.tall-1.left,
.betterstudio-review.tall-2.left {
float: left;
margin: 0 20px 20px 0;
}
.betterstudio-review.tall-1 .overall,
.betterstudio-review.tall-2 .overall {
float: none;
width: 100%;
margin: 0;
padding: 20px 10px;
}
.betterstudio-review.tall-2 .overall {
border-radius: 0;
}
.betterstudio-review.tall-1 .verdict-summary,
.betterstudio-review.tall-2 .verdict-summary {
float: none;
padding: 0;
margin-top: 20px;
font-size: 14px;
line-height: 1.3;
}
.betterstudio-review.tall-2 .verdict-summary {
line-height: 1.5;
}
.betterstudio-review.tall-1 .review-cons-pros > aside,
.betterstudio-review.tall-2 .review-cons-pros > aside {
float: none;
width: 100%;
}
.betterstudio-review.tall-1 .readers-ratings > aside,
.betterstudio-review.tall-2 .readers-ratings > aside {
float: none;
width: 100%;
text-align: center;
}
.betterstudio-review.tall-1 .total-votes,
.betterstudio-review.tall-2 .total-votes {
display: block;
}
.betterstudio-review.tall-1 .verdict .page-heading,
.betterstudio-review.tall-2 .verdict .page-heading {
font-size: 20px;
}
.betterstudio-review.tall-1 .affiliate-btn,
.betterstudio-review.tall-2 .affiliate-btn {
float: none;
}
.betterstudio-review.tall-1 .readers-ratings,
.betterstudio-review.tall-2 .readers-ratings {
line-height: 15px;
padding: 20px 20px 15px;
}
.betterstudio-review.tall-1 .readers-ratings .heading,
.betterstudio-review.tall-2 .readers-ratings .heading {
font-size: 15px;
font-weight: 700;
}
.betterstudio-review.tall-1 .review-cons-pros .heading,
.betterstudio-review.tall-2 .review-cons-pros .heading {
margin-top: 0;
}
.betterstudio-review.tall-1 .readers-ratings .total-votes,
.betterstudio-review.tall-2 .readers-ratings .total-votes {
font-size: 13px;
text-align: center;
}
.betterstudio-review.tall-1 .readers-ratings aside.rating,
.betterstudio-review.tall-2 .readers-ratings aside.rating {
line-height: 25px;
padding-top: 10px;
height: auto;
text-align: center;
}
.betterstudio-review.tall-2 .verdict {
padding: 0;
}
.betterstudio-review.tall-2 .review-cons-pros > aside {
padding: 0;
border: none;
}
.betterstudio-review.tall-2 .the-content,
.betterstudio-review.tall-2 .review-cons-pros ul {
padding: 0 20px;
margin-bottom: 20px;
}
.betterstudio-review.tall-2 .review-cons-pros .heading {
margin-bottom: 18px;
padding: 10px 20px;
background: #f9f9f9;
border: 1px solid #ebebeb;
border-width: 1px 0;
}
@media only screen and (max-width: $break-medium) {
.betterstudio-review .review-first-col,
.betterstudio-review .review-second-col,
.betterstudio-review.big-4 .verdict,
.betterstudio-review.big-4 .criteria-list ul,
.betterstudio-review.big-4 .affiliate,
.betterstudio-review.big-5 .verdict-summary {
width: 100%;
float: none;
clear: both;
}
.betterstudio-review.big-4 .criteria-list ul {
padding-left: 0;
}
.betterstudio-review.big-4 .overall {
width: 100%;
}
.betterstudio-review.big-4 .criteria-list ul {
padding-top: 10px;
margin-bottom: 0;
clear: both;
}
.betterstudio-review.big-4 .affiliate {
float: none;
width: 100%;
border-top: 1px solid #ebebeb;
border-left-width: 0;
position: relative;
}
.betterstudio-review:before,
.betterstudio-review.big-3:before {
display: none !important;
}
.betterstudio-review.big-2 .criteria-list,
.betterstudio-review.big-3 .criteria-list {
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
}
.betterstudio-review.big-5 .verdict-summary {
padding: 10px 0 0 0;
}
.betterstudio-review.big-3 .review-description {
border-top: none;
border-bottom: 1px solid #ebebeb;
}
.betterstudio-review .readers-ratings > aside.rating {
float: none;
text-align: center;
height: auto;
display: block;
}
.betterstudio-review .readers-ratings > aside.heading {
float: none;
text-align: center;
margin-bottom: 8px;
}
.betterstudio-review .readers-ratings .total-votes {
display: block;
text-align: center;
}
.betterstudio-review .readers-ratings {
padding-top: 20px;
padding-bottom: 20px;
}
.betterstudio-review.big-2 .review-description {
border-top: none;
border-bottom: 1px solid #ebebeb;
}
.betterstudio-review.tall-1,
.betterstudio-review.tall-2 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: $break-small) {
.betterstudio-review .overall {
float: none;
width: 100%;
margin-bottom: 12px;
}
.betterstudio-review .verdict-summary {
padding: 0;
}
.betterstudio-review .review-cons-pros > aside {
float: none;
width: 100%;
}
}
admin-style.scss 0000644 00000006476 15121341020 0007671 0 ustar 00 /*
BetterReview WP Admin Style
*/
#bf-metabox-bs_review_metabox-_criteria_options .bf-heading.bf-nonrepeater-heading{
margin-bottom: 20px;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-repeater-item .bf-section-container{
width: auto;
float: left;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-repeater-item .bf-section-container .bf-section.bs-review-field-rating input,
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-repeater-item .bf-section-container .bf-section.bs-review-field-label input{
width: 100%;
min-width: 100%;
max-width: 100%;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-heading-repeater-option h3 .overall-label{
float: right;
font-weight: normal;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-heading-repeater-option h3 .overall-label i{
font-weight: bold;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container{
width: 100% !important;
padding: 0 !important;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container .bf-section{
padding-top: 5px !important;
padding-bottom: 0 !important;
}
.bf-section-repeater-option[data-id=_cons] .bf-section-container .bf-heading,
.bf-section-repeater-option[data-id=_pros] .bf-section-container .bf-heading,
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container .bf-heading {
width: 18.2% !important;
padding: 0 !important;
}
.bf-section-repeater-option[data-id=_cons] .bf-section-container .bf-controls,
.bf-section-repeater-option[data-id=_pros] .bf-section-container .bf-controls,
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container .bf-controls {
width: 81.8% !important;
}
.bf-section-repeater-option[data-id=_cons] .bf-section-container .bf-heading label,
.bf-section-repeater-option[data-id=_pros] .bf-section-container .bf-heading label,
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container .bf-heading label{
line-height: 34px;
display: inline-block;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container .bf-icon-modal-handler .select-options{
width: 40%;
min-width: 149px;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container .bf-icon-modal-handler .select-options .selected-option {
font-size: 12px;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-repeater-item .repeater-item-container {
padding: 15px 17px 13px;
background-color: #FFF;
}
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section .bf-heading.bf-heading h3,
.bf-section-repeater-option[data-id=_bs_review_criteria] .bf-section-container .bf-icon-modal-handler{
margin-bottom: 0 !important;
}
.bf-section-repeater-option[data-id=_cons] .bf-repeater-item .bf-section-container .bf-section,
.bf-section-repeater-option[data-id=_pros] .bf-repeater-item .bf-section-container .bf-section {
padding-top: 5px;
padding-bottom: 5px;
}
.bf-section-repeater-option[data-id=_cons] .bf-repeater-item .repeater-item-container,
.bf-section-repeater-option[data-id=_pros] .bf-repeater-item .repeater-item-container{
padding: 12px;
}
.bf-section-repeater-option[data-id=_cons] .bf-section-container,
.bf-section-repeater-option[data-id=_pros] .bf-section-container{
padding-right: 10px;
padding-left: 10px;
}
better-reviews.scss 0000644 00000000322 15121341020 0010372 0 ustar 00 @import "styles/_variables.scss";
@import "styles/general.scss";
@import "styles/style-big-2-3.scss";
@import "styles/style-big-4.scss";
@import "styles/style-big-5.scss";
@import "styles/style-tall-1-2.scss";
amp-rtl.scss 0000644 00000000000 15121341020 0006770 0 ustar 00 amp.scss 0000644 00000000306 15121341020 0006202 0 ustar 00 @import "styles/_variables.scss";
.betterstudio-review {
.readers-ratings {
display: none;
}
.btn {
color: #fff;
text-decoration: none;
}
.rating-stars span {
width: inherit;
}
}
plugins/woocommerce/_tables.scss 0000644 00000001727 15121446245 0013065 0 ustar 00 table.shop_table_responsive {
thead {
display: none;
}
tbody {
th {
display: none;
}
}
tr {
td {
display: block;
text-align: right;
clear: both;
&::before {
content: attr(data-title) ": ";
float: left;
}
&.product-remove {
a {
text-align: center;
}
&::before {
display: none;
}
}
&.actions,
&.download-actions {
&::before {
display: none;
}
}
&.download-actions {
.button {
display: block;
text-align: center;
}
}
}
}
}
@media screen and (min-width: 48em) {
table.shop_table_responsive {
thead {
display: table-header-group;
}
tbody {
th {
display: table-cell;
}
}
tr {
th,
td {
text-align: left;
}
td {
display: table-cell;
vertical-align: middle;
&::before {
display: none;
}
}
}
}
}
plugins/woocommerce/_components.scss 0000644 00000006417 15121446245 0014001 0 ustar 00 /**
* Star rating
*/
.star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
&::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: $color__gray-800;
}
}
p.stars {
a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
&::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: $color__gray-800;
text-indent: 0;
opacity: 0.25;
}
&:hover {
~ a::before {
content: "\53";
color: $color__gray-800;
opacity: 0.25;
}
}
}
&:hover {
a {
&::before {
content: "\53";
color: $color__gray-800;
opacity: 1;
}
}
}
&.selected {
a.active {
&::before {
content: "\53";
color: $color__gray-800;
opacity: 1;
}
~ a::before {
content: "\53";
color: $color__gray-800;
opacity: 0.25;
}
}
a:not(.active) {
&::before {
content: "\53";
color: $color__gray-800;
opacity: 1;
}
}
}
}
/**
* Tabs
*/
.woocommerce-tabs {
ul.tabs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
margin-top: length( 'l-30' );
padding: 0;
border-bottom: 1px solid $color__gray-300;
list-style: none;
text-align: left;
li {
display: block;
position: relative;
a {
padding-bottom: length( 'l-6' );
display: block;
color: $color__gray-800;
font-weight: 600;
font-size: 16px;
line-height: 1.8;
}
}
}
.panel {
background: $color__white;
margin-top: length( 'l-12' );
color: $color__gray-600;
h2:first-of-type {
font-size: 1.6rem;
}
p {
&:last-child {
margin-bottom: 0;
}
}
}
.woocommerce-Tabs-panel {
table {
td {
border: 1px solid #e4e4e7;
}
}
}
}
.select2-container.select2-container--default {
z-index: 9999;
.select2-selection--single {
color: $color__gray-800;
border-color: $color__gray-300;
border-radius: 4px;
height: 44px;
display: flex;
align-items: center;
.select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
}
.select2-selection__clear {
float: none;
height: 16px;
width: 16px;
border-radius: 4px;
background-color: $color__primary;
color: $color__white;
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 400;
}
}
.select2-search--dropdown .select2-search__field {
border-color: $color__gray-300;
}
.select2-dropdown {
border-color: $color__gray-300;
}
}
@include breakpoint("mdm") {
.woocommerce-tabs {
ul.tabs {
gap: 60px;
}
}
}
plugins/woocommerce/_single-product.scss 0000644 00000012527 15121446245 0014552 0 ustar 00 .single-product {
.product {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
column-gap: 30px;
&__content {
width: 100%;
}
.onsale {
z-index: 99;
}
.woocommerce-product-details__short-description {
p {
margin-bottom: 0;
}
}
.woocommerce-product-gallery {
position: relative;
float: left;
max-width: 100%;
a {
display: flex;
align-items: flex-start; /* Fix - Image stretch in iOS/Safari */
}
&__trigger {
position: absolute;
top: 16px;
right: 16px;
display: block;
z-index: 99;
}
&__wrapper {
margin: 0;
}
.flex-viewport {
border-radius: 2px;
}
ol.flex-control-thumbs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
padding: 0;
li {
list-style: none;
cursor: pointer;
line-height: unset;
img {
height: 70px;
width: 70px;
border-radius: 4px;
&.flex-active {
border: 2px solid $color__primary;
}
}
}
}
}
.entry-summary {
flex: 1 1 calc(var(--entry-summary-width, 50%) - 1em);
.woocommerce-product-rating {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.woocommerce-review-link {
font-size: 1.4rem;
color: gray;
margin-left: 16px;
&:hover {
color: $color__primary;
}
.count {
all: unset;
}
}
.onsale {
position: unset;
display: inline-block;
}
.price {
@include font-size("font-size-sm");
}
.stock,
.available-on-backorder {
font-style: italic;
}
.cart {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: length( 'l-12' );
margin-top: length( 'l-12' );
}
.variations {
&__form {
table.variations {
position: relative;
margin-bottom: 40px;
}
select {
padding: 16px;
width: 100%;
}
.reset_variations {
position: absolute;
top: calc(100% + #{16px});
right: 0;
}
.single_variation {
margin-top: 16px;
margin-bottom: 32px;
}
}
&_button {
display: flex;
}
}
.qty {
width: 100px;
padding: length( 'l-4' ) length( 'l-12' );
}
.single_add_to_cart_button {
width: 100px;
padding: length( 'l-4' ) length( 'l-12' );
border-radius: 4px;
}
}
&.product-type-external {
.entry-summary {
.single_add_to_cart_button {
margin-left: unset;
}
}
}
.wc-tabs-wrapper {
flex-basis: 100%;
max-width: 100%;
}
.product_meta {
display: flex;
flex-direction: column;
margin-top: length( 'l-12' );
padding: 16px 0;
border-top: 1px solid $color__gray-300;
border-bottom: 1px solid $color__gray-300;
> span {
margin: 8px 0;
}
}
.variations {
label {
margin-bottom: 0;
}
}
table {
td {
border: 0;
}
}
.woocommerce-grouped-product-list-item {
column-gap: 2px;
}
.product_title {
margin-top: length( 'l-15' );
}
}
.related,
.upsells {
grid: unset;
grid-gap: 0;
margin: 40px 0;
width: 100%;
.product {
all: unset;
list-style: none;
position: relative;
overflow: hidden;
}
}
.shop_attributes {
background: $color__white;
border-radius: 2px;
p {
margin: 0;
}
}
.comment-form {
margin-top: 16px;
}
ol.commentlist {
list-style: none;
margin: 0;
> li {
padding: 16px 16px 0;
border-bottom: 1px solid gray;
border-radius: 2px;
margin-bottom: 16px;
}
.children {
margin-left: 16px;
border-bottom: 1px solid gray;
&:last-child {
border-bottom: 0;
}
li {
border-top: 1px solid gray;
padding-top: 16px;
}
}
.comment_container {
display: flex;
}
.avatar {
width: 40px;
height: 40px;
margin-right: 16px;
border-radius: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
}
.comment-respond {
margin-top: 32px;
.comment-reply-title {
font-size: 2.4rem;
font-weight: 500;
}
.comment-form {
background: $color__white;
padding: 16px 0;
}
label {
display: block;
margin-bottom: 8px;
}
input[type="text"],
input[type="email"],
input[type="number"] {
width: 100%;
}
input[type="checkbox"] {
margin-right: 8px;
}
.comment-form-cookies-consent {
display: flex;
align-items: baseline;
}
}
}
.quantity {
input {
border: 1px solid $color__gray-300;
border-radius: 4px;
}
}
.reset_variations {
margin-left: 1em;
}
.stock {
&:empty::before {
display: none;
}
&.in-stock {
color: $color__primary;
}
&.out-of-stock {
color: $woocommerce__color-error;
}
}
@include breakpoint("mdm") {
.single-product {
.product {
flex-direction: unset;
.woocommerce-product-gallery {
flex: 1 1 calc(var(--product-gallery-width, 50%) - 1em);
}
.product_title {
margin-top: 0;
}
}
.related,
.upsells {
margin: 60px 0;
}
.upsells + .related {
margin-top: 0;
}
}
.comment-respond {
width: 100%;
}
}
plugins/woocommerce/_account-page.scss 0000644 00000004341 15121446245 0014154 0 ustar 00 .woocommerce-account {
&.logged-in {
.woocommerce {
display: flex;
flex-direction: column;
gap: 30px;
}
}
.cm-entry-header {
margin-bottom: length( 'l-15' );
}
h2 {
margin-bottom: length( 'l-15' );
@include font-size('font-size-xl');
}
.col2-set {
&#customer_login {
display: flex;
flex-direction: column;
gap: 30px;
width: 100%;
.col-1,
.col-2 {
width: 100%;
}
.col-2 {
margin-top: 0;
}
}
}
label {
display: block;
margin-bottom: length( 'l-2' );
font-weight: 600;
line-height: 1.8;
}
.woocommerce-Addresses {
background: $color__gray-100;
}
.woocommerce-form-row--last,
.woocommerce-form-row--first {
margin-bottom: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="tel"] {
margin-bottom: length( 'l-8') ;
}
}
.woocommerce-MyAccount-navigation {
background: $color__gray-100;
border-radius: 4px;
overflow: hidden;
ul {
list-style: none;
margin: 0;
padding: 0;
li {
a {
display: flex;
align-items: center;
height: 55px;
padding: 0 20px;
font-weight: 500;
color: $color__gray-800;
border-bottom: 1px solid $color__gray-300;
&:hover,
&:focus {
background: $color__gray-300;
color: $color__primary;
}
}
&:last-child {
a {
border-bottom: 0;
}
}
}
.is-active {
a {
color: $color__white;
background-color: $color__primary;
&:hover,
&:focus {
background-color: $color__gray-400;
color: $color__white;
}
}
}
}
}
.woocommerce-MyAccount-content {
padding: length( 'l-10' );
background-color: $color__gray-100;
border-radius: 4px;
p {
margin-bottom: length( 'l-6' );
&:last-child {
margin-bottom: 0;
}
}
}
@include breakpoint("mdm") {
.woocommerce-account {
&.logged-in {
.woocommerce {
flex-direction: row;
}
}
.col2-set {
&#customer_login {
flex-direction: row;
}
}
}
.woocommerce-MyAccount-navigation {
width: 35%;
}
.woocommerce-MyAccount-content {
width: 65%;
}
}
plugins/woocommerce/_login-page.scss 0000644 00000003436 15121446245 0013634 0 ustar 00 .woocommerce-form-login {
&__rememberme {
display: block;
input[type="checkbox"] {
margin-right: length( 'l-4' );;
}
}
input[type="text"],
input[type="password"] {
margin-bottom: length( 'l-8' );
}
.woocommerce-button {
margin-top: length( 'l-8' );
margin-bottom: length( 'l-16' );
padding: length( 'l-4' ) length( 'l-27' );
}
.woocommerce-LostPassword {
a {
@include font-size('font-size-sm');
}
}
p.form-row {
margin-bottom: 0;
}
}
.woocommerce-lost-password {
.woocommerce {
label {
display: block;
margin-bottom: length( 'l-2' );
font-weight: 600;
line-height: 1.8;
}
}
button {
background-color: transparent;
color: $color__primary;
}
.woocommerce-ResetPassword {
width: 288px;
margin-left: auto;
margin-right: auto;
p {
margin-bottom: length( 'l-8' );
}
input[type="text"] {
background-color: $color__white;
margin-bottom: length( 'l-8' );
}
}
}
.woocommerce-form-register {
display: flex;
flex-direction: column;
input[type="email"] {
margin-bottom: length( 'l-8' );
}
button.woocommerce-Button {
color: $color__primary;
background-color: transparent;
margin-top: length( 'l-8' );
&:hover {
background-color: $color__primary;
color: $color__white;
}
}
}
.woocommerce-form-register,
.woocommerce-form-login {
padding: length( 'l-15' ) length( 'l-12' );
background-color: $color__gray-100;
border-radius: 4px;
border: 1px solid $color__gray-200;
label {
display: block;
margin-bottom: length( 'l-2' );
font-weight: 600;
line-height: 1.8;
}
}
@include breakpoint("mdm") {
.woocommerce-lost-password {
.woocommerce-ResetPassword {
width: 570px
}
}
}
plugins/woocommerce/_checkout.scss 0000644 00000006236 15121446245 0013420 0 ustar 00 .woocommerce-checkout {
&::after {
content: "";
clear: both;
display: table;
}
h3 {
font-size: 2.4rem;
}
.checkout {
margin-top: length( 'l-15' );
}
.form-row {
margin-bottom: length( 'l-8');
input:not([type="checkbox"]) {
width: 100%;
padding: length( 'l-5') length( 'l-9');
margin-bottom: 0;
background-color: $color__white;
line-height: 1.5;
}
label {
display: block;
margin-bottom: 4px;
@include font-size('font-size-xs');
color: $color__gray-800;
font-weight: 600;
line-height: 1.8;
letter-spacing: 0.01em;
text-transform: capitalize;
}
}
.woocommerce-form-login {
padding: 24px;
background-color: $color__white;
border-radius: 4px;
width: 100%;
border: 1px solid $color__gray_300;
button {
width: unset;
margin-top: 8px;
}
}
.checkout_coupon {
background-color: $color__gray-100;
padding: 0 16px 16px 16px;
margin-bottom: 20px;
.form-row {
display: inline-block;
input:not([type="checkbox"]) {
width: 100%;
padding: 8px;
margin-bottom: 0;
}
}
}
.woocommerce-form-coupon-toggle {
background-color: $color__gray-100;
padding: 16px
}
textarea {
height: 100px;
background-color: $color__white;
}
}
.col2-set {
background: $color__white;
margin-bottom: 32px;
.col-2 {
margin-top: 32px;
}
.shipping_address {
margin-bottom: 32px;
}
}
.woocommerce-checkout-review-order {
padding: length( 'l-15') length( 'l-12');
background-color: $color__gray-50;
border: 1px solid $color__gray-200;
border-radius: 4px;
.form-row {
margin-bottom: 0;
}
ul {
margin: 0;
list-style: none;
}
table {
background-color: $color__gray-50;
thead,
tbody,
.cart-subtotal {
display: block;
padding-bottom: 24px;
background-color: $color__gray-50;
border-bottom: 1px solid $color__gray_300;
}
tbody,
.cart-subtotal,
.order-total {
padding-top: 24px;
}
.cart-subtotal,
.order-total {
font-weight: 600;
}
.cart-subtotal,
tr {
display: flex;
justify-content: space-between;
}
th {
text-align: left;
padding: 0;
font-weight: 600;
text-transform: uppercase;
border: none;
}
td {
display: block;
padding: 0;
border: none;
line-height: 1.2;
}
strong {
font-weight: 600;
}
tbody {
display: flex;
flex-direction: column;
gap: 16px;
}
}
ul.wc_payment_methods {
padding: 0;
list-style: none;
margin: 0;
li {
padding: length( 'l-9') length( 'l-10');
border: 2px dashed $color__gray_300;
border-radius: 4px;
}
}
.place-order {
margin-top: 24px;
}
button {
width: 100%;
margin-top: 16px;
}
}
.ws-distraction-free-checkout {
.site-header {
.ws-row {
justify-content: center;
}
}
}
@include breakpoint("mdm") {
.col2-set {
float: left;
width: calc(56% - #{16px});
}
#order_review_heading {
float: right;
width: 42.5%;
clear: right;
}
.woocommerce-checkout-review-order {
float: right;
width: 38%;
}
}
plugins/woocommerce/_products.scss 0000644 00000007570 15121446245 0013460 0 ustar 00 .woocommerce {
.woocommerce-pagination {
display: flex;
justify-content: center;
margin-top: length( 'l-30' );
}
.products {
display: grid;
grid-template-columns: repeat(var(--products-column, 1), 1fr);
gap: 30px;
margin: 0;
padding: 0;
.product {
img {
width: 100%;
margin-bottom: length( 'l-8' );
border-radius: br( 'br-2' );
}
}
}
}
/* Product */
li.product {
list-style: none;
position: relative;
overflow: hidden;
.product__thumbnail,
.woocommerce-loop-product__title,
.star-rating,
.price,
.button,
.add_to_cart_button,
.added_to_cart,
.product__content .ws-onsale-wrapper {
transform: translateY(0);
transition: all 0.3s ease-out;
}
.add_to_cart_button {
&.added::after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
&.loading::after {
font-family: WooCommerce;
content: "\e031";
animation: spin 2s linear infinite;
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
}
.added_to_cart {
background-color: $color__primary;
&:hover {
background-color: transparent;
color: $color__primary;
border: 1px solid $color__primary;
}
}
a.added_to_cart {
color: $color__white;
}
& > a {
display: block;
}
img {
margin: 0;
}
.woocommerce-loop-category__title,
.woocommerce-loop-product__title {
@include font-size('font-size-sm');
margin-bottom: length( 'l-4' );
font-weight: 600;
.count {
background: none;
}
}
.button,
.add_to_cart_button,
.added_to_cart {
display: block;
text-align: center;
margin-top: 16px;
padding: length( 'l-4' ) length( 'l-12' );
font-size: 1.4rem;
font-weight: 600;
border-radius: 4px;
}
}
.star-rating {
margin-bottom: 4px;
}
.price {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
@include font-size("font-size-xs");
color: $color__gray-700;
ins {
.amount {
color: $color__gray-500;
}
}
del {
span {
font-weight: 600;
color: $color__gray-700;
}
}
.amount {
&:nth-child(2) {
font-weight: 600;
color: $color__gray-700;
}
}
ins,
& > span {
text-decoration: none;
background-color: transparent;
}
del {
order: 1;
color: #000;
}
ins,
del,
& > span {
line-height: 1.8;
}
}
.product__thumbnail {
margin-top: 0;
a {
display: flex;
align-items: flex-start; /* Fix - Image stretch in iOS/Safari */
}
}
.product__content {
position: relative;
display: flex;
flex-direction: column;
& > a {
display: flex;
flex-direction: column;
}
.added_to_cart {
order: 0;
}
.button,
.add_to_cart_button {
order: 1;
}
}
.onsale {
position: absolute;
top: 8px;
left: 8px;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
background-color: $color__blue-900;
color: $color__white;
font-size: 1.4rem;
padding: 0 length( 'l-7' );
border-radius: 2px;
}
.product__content {
.onsale {
position: unset;
display: inline-block;
}
}
.cm-wc-filter {
display: flex;
flex-direction: column;
text-align: left;
align-items: center;
margin-bottom: length( 'l-15' );
p {
margin-bottom: 0;
}
}
@include breakpoint("sml") {
.products {
&.columns-4 {
--products-column: 3;
grid-gap: 30px;
}
}
.cm-wc-filter {
flex-direction: row;
justify-content: space-between;
margin-bottom: length( 'l-15' );
}
}
@include breakpoint("mdm") {
@for $i from 3 through 4 {
.products {
&.columns-#{$i} {
--products-column: #{$i};
}
}
}
}
@include breakpoint("lrg") {
.cm-wc-filter {
margin-bottom: length( 'l-30' );
}
}
plugins/woocommerce/_cart.scss 0000644 00000006075 15121446245 0012545 0 ustar 00 .woocommerce-cart {
.woocommerce {
display: flex;
flex-wrap: wrap;
gap: 32px
}
:has(.return-to-shop) {
.woocommerce {
display: flex;
flex-direction: column;
text-align: center;
gap: 22px;
}
}
thead {
background-color: $color__white;
}
th {
padding: length( 'l-8') 0;
border: 0;
text-transform: uppercase;
font-weight: 500;
}
td {
border: 0;
color:$color__gray-700;
&:before {
font-weight: 500;
color: $color__gray-700;
}
}
tr {
display: block;
position: relative;
border-radius: 2px;
border-bottom: 1px solid $color__gray-300;
&:last-child {
margin-bottom: 0;
}
}
thead tr {
border-bottom: 1px solid #EBEBEC;
}
.cart_totals {
margin-top: length( 'l-15' );
padding: length( 'l-15') length( 'l-12');
background-color: $color__gray-100;
border: 1px solid #E4E4E7;
border-radius: 4px;
}
.woocommerce-notices-wrapper {
width: 100%;
}
.actions {
.button {
width: 100%;
border: 1px solid $color__primary;
background-color: $color__white;
color: $color__primary;
&:hover,
&:focus {
background-color: $color__gray-300;
}
&[aria-disabled="true"] {
margin-top: length( 'l-10' );
width: calc(100% - 20px);
background-color: $color__blue-300;
border: 1px solid $color__blue-300;
color: $color__white;
cursor: not-allowed;
}
}
}
.coupon {
float: left;
.input-text {
margin: 0;
}
}
}
.woocommerce-cart-form {
border: 1px solid $color__gray-300;
}
.product-thumbnail {
text-align: left;
width: 100px;
&:before {
display: none;
}
}
.qty {
width: 50px;
padding: 4px 8px;
}
.product-subtotal {
color: $color__primary;
}
.coupon {
display: inline-flex;
gap: 8px;
label {
display: none;
}
.input-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding: 8px 16px;
}
.button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 8px;
}
}
.woocommerce-cart-form {
flex-basis: 100%;
}
.cart-collaterals {
flex-basis: 100%;
width: calc(100% - 80px);
tr {
margin-bottom: 0;
border-bottom: 1px solid $color__blue-300;
&:last-child {
border-bottom: 0;
}
}
}
@include breakpoint("mdm") {
.woocommerce-cart {
tr {
display: revert;
}
tbody {
tr {
border-bottom: 1px solid $color__blue-300;
&:last-child {
border-bottom: 0;
}
}
}
.coupon {
.input-text {
border-radius: 2px;
width: 222px;
padding: 12px;
margin-bottom: 0;
}
}
.actions {
.button {
&[aria-disabled="true"] {
float: right;
width: unset;
margin-top: 0;
}
}
}
.cart_totals {
margin-top: 0;
}
}
.cart-collaterals {
flex-basis: 50%;
}
}
@include breakpoint(lrg) {
.woocommerce-cart-form {
flex-basis: 66%;
}
.cart-collaterals {
display: unset;
flex: 1 1 calc(26% - 16px);
}
}
plugins/_magazine-blocks.scss 0000644 00000000510 15121446245 0012327 0 ustar 00 [class*='mzb'] {
h3 {
padding-bottom: 0
}
h2 {
padding-bottom: 0;
}
img {
margin-bottom: 0;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
padding-bottom: 0;
}
}
plugins/_wp-pagenavi.scss 0000644 00000001364 15121446245 0011507 0 ustar 00 /* WP-PageNavi.
--------------------------------------------- */
.wp-pagenavi {
text-align: center;
margin-bottom: 30px;
}
.cm-posts .wp-pagenavi {
.page, a {
padding: 4px 10px;
color: #777777;
border: 1px solid #f2f2f2;
}
.current {
padding: 4px 10px;
color: $color__white;
background-color: $color__primary;
border: 1px solid #f2f2f2;
}
a {
&:hover {
padding: 4px 10px;
color: $color__white;
background-color: $color__primary;
border: 1px solid #f2f2f2;
}
margin-left: 5px;
border-radius: 2px;
}
span {
margin-left: 5px;
border-radius: 2px;
&.pages {
margin-left: 0;
color: #777777;
padding: 4px 10px;
border: 1px solid #f2f2f2;
}
}
}
plugins/_headroom.scss 0000644 00000000453 15121446245 0011065 0 ustar 00 /* Plugin: Headroom.
--------------------------------------------- */
.headroom {
will-change: transform;
transition: transform 200ms linear;
}
#cm-primary-nav {
&.headroom--pinned {
transform: translateY(0%);
}
&.headroom--unpinned {
transform: translateY(-100%);
}
}
plugins/_wishlist.scss 0000644 00000001107 15121446245 0011132 0 ustar 00 .add-to-wishlist-before_image {
.yith-wcwl-add-to-wishlist {
position: absolute;
top: 12px;
left: 0;
right: 8px;
display: flex;;
align-items: center;
justify-content: flex-end;
height: 30px;
color: $color__gray-700;
font-size: 1.4rem;
}
.yith-wcwl-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: $color__gray-50;
border-radius: 50px;
}
}
abstracts/mixins/_miscellenious.scss 0000644 00000000327 15121446245 0013756 0 ustar 00 @mixin center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
@mixin clearfix() {
&::before,
&::after {
display: table;
content: "";
}
&::after {
clear: both;
}
}
abstracts/mixins/_typography.scss 0000644 00000001257 15121446245 0013314 0 ustar 00 $font-size__base: 10px;
$font-size__percent: 62.5%; // 10/16 = 62.5%
$font-sizes: (
"font-size-xxs": 12px,
"font-size-xs": 14px,
"font-size-sm": 16px,
"font-size-md": 18px,
"font-size-lg": 20px,
"font-size-xl": 24px,
"font-size-xxl": 32px,
"font-size-xxxl": 40px,
);
// px to rem.
@function font-size($size, $unit: rem) {
@return ($size / $font-size__base) + $unit;
}
// Generate font sizes as per key provided.
@mixin font-size($size-key) {
$size: map-get($font-sizes, $size-key);
@if not $size {
@warn 'Invalid font size key: #{$size-key}.';
$size: map-get($font-sizes, "font-size-xl");
}
font-size: font-size($size);
}
abstracts/mixins/_structure.scss 0000644 00000000423 15121446245 0013140 0 ustar 00 $border-radius: (
'br-1': 2px,
'br-2': 4px,
);
@function br($size) {
@if not map-has-key($border-radius, $size) {
@error "Invalid border radius size '#{$size}'. Must be one of: #{map-keys($border-radius)}.";
}
@return map-get($border-radius, $size);
}
abstracts/mixins/_length.scss 0000644 00000001674 15121446245 0012372 0 ustar 00 $valid-units: ('px', 'rem', 'em');
$length-values: (
'l-1': 2,
'l-2': 4,
'l-3': 6,
'l-4': 8,
'l-5': 10,
'l-6': 12,
'l-7': 14,
'l-8': 16,
'l-9': 18,
'l-10': 20,
'l-11': 22,
'l-12': 24,
'l-13': 26,
'l-14': 28,
'l-15': 30,
'l-16': 32,
'l-17': 34,
'l-18': 36,
'l-19': 38,
'l-20': 40,
'l-27': 54,
'l-30': 60,
);
@function length($size, $unit: px) {
$output-value: 0;
@if not map-has-key($length-values, $size) {
@error "Invalid size '#{$size}' for length mixin. Must be one of: #{map-keys($length-values)}.";
}
@if not index($valid-units, $unit) {
@error "Invalid unit '#{$unit}' for length mixin. Must be one of: #{$valid-units}.";
}
$pixel-value: map-get($length-values, $size);
@if $unit == 'px' {
$output-value: $pixel-value + px;
} @else {
$output-value: $pixel-value / 16 * 1#{if($unit == 'rem', 'rem', 'em')};
}
@return $output-value;
}
abstracts/mixins/_breakpoints.scss 0000644 00000000753 15121446245 0013427 0 ustar 00 // Breakpoints.
@mixin breakpoint($point) {
@if $point == xlrg {
@media screen and (min-width: 75em) { @content ; }
}
@else if $point == lrg {
@media screen and (min-width: 62em) { @content ; }
}
@else if $point == mdm {
@media screen and (min-width: 48em) { @content ; }
}
@else if $point == sml {
@media screen and (min-width: 37.5em) { @content ; }
}
@else if $point == xsml {
@media screen and (max-width: 37.5em) { @content ; }
}
}
abstracts/_abstracts.scss 0000644 00000000325 15121446245 0011560 0 ustar 00 @import "mixins/breakpoints";
@import "mixins/length";
@import "mixins/typography";
@import "mixins/miscellenious";
@import "mixins/structure";
@import "variables/colors";
@import "variables/typography";
abstracts/variables/_colors.scss 0000644 00000006153 15121446245 0013050 0 ustar 00 // Neutral.
$color__gray-900: #18181b;
$color__gray-800: #27272a;
$color__gray-700: #3f3f46;
$color__gray-600: #52525b;
$color__gray-500: #71717a;
$color__gray-400: #a1a1aa;
$color__gray-300: #d4d4d8;
$color__gray-200: #e4e4e7;
$color__gray-100: #f4f4f5;
$color__gray-50: #fafafa;
// White.
$color__white: #fff;
// Black.
$color__black: #000;
// Brand.
$color__blue-900: #0d354a;
$color__blue-800: #124560;
$color__blue-700: #17597c;
$color__blue-600: #1d729f;
$color__blue-500: #207daf;
$color__blue-400: #4d97bf;
$color__blue-300: #6aa8c9;
$color__blue-200: #98c3da;
$color__blue-100: #bad7e6;
$color__blue-50: #e9f2f7;
// Others.
$color__primary: $color__blue-500;
$color__text: $color__gray-700;
// Light.
$color__gray-eleven: darken($color__white, 2.5%); // #f9f9f9
$color__gray-ten: darken($color__white, 2.6%); // #f8f8f8
$color__gray-nine: darken($color__white, 5%); // #f2f2f2
$color__gray-eight: darken($color__white, 8.4%); // #eaeaea
$color__gray-seven: darken($color__white, 20%); // #cccccc
// Dark.
$color__gray-one: lighten($color__black, 13.6%); // #232323
$color__gray-two: lighten($color__black, 20%); // #333333
$color__gray-three: lighten($color__black, 26.5%); // #444444
$color__gray-four: lighten($color__black, 33.5%); // # 555
$color__gray-five: lighten($color__black, 46.5%); // #777777
$color__gray-six: lighten($color__black, 53.5%); // #888888
// Brand.
$color__background-news: #212529;
$color__menu-link: #343a40;
$color__background-news-bar: #f1f3f5;
$color__background-footer-socket: #252730;
$color__light-content: darken($color__white, 35%);
// Dark mode.
$color__background-dark: #151515;
$color__background-light: #19190d;
$color__background-dark-page: #0d0d0d;
$color__background-dark-footer-socket: #121212;
$color__background-medium-footer-socket: lighten($color__background-dark-footer-socket, 1.5%);
$color__background-dark-news: lighten($color__background-dark-page, 1.5%); // #1e1e1e
// Socials.
$color__twitter: #1bb2e9;
$color__facebook: #3b5a9b;
$color__youtube: #ed3f41;
$color__vimeo-square: #44bbff;
$color__skype: #009cef;
$color__linkedin: #007bb6;
$color__google-plus: #dc4937;
$color__github: #4183c4;
$color__flickr: #0062dd;
$color__dribbble: #e24d87;
$color__instagram: #3f729b;
$color__pinterest: #d5282e;
$color__stumbleupon: #ec4823;
$color__tumblr: #455469;
$color__wordpress: #21759b;
$color__codepen: #ccc;
$color__digg: #14589e;
$color__reddit: #ff4500;
$color__xing: #026466;
$color__vk: #45668e;
$color__weibo: #e6162d;
$color__leanpub: #000;
$color__renren: #237bc2;
$color__rss: #f26522;
$color__soundcloud: #ff3a00;
$color__vine: #00bf8f;
$color__delicious: #2a96ff;
body {
--color--gray: #888888;
--color--light--primary: #9bc8da;
--color--primary: #207daf;
}
abstracts/variables/_typography.scss 0000644 00000000111 15121446245 0013741 0 ustar 00 // Line height.
$line-height__body: 1.8;
$line-height__headings: 1.3;
generic/_normalize.scss 0000644 00000003145 15121446245 0011223 0 ustar 00 /*--------------------------------------------------------------
1.0 Reset browser defaults.
---------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
th, td, .wp-block-table th, .wp-block-table td {
border: 1px solid $color__gray-200;
padding: 6px 10px;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
outline: 0;
}
a img {
border: 0;
}
embed, iframe, object {
max-width: 100%;
}
/* Superscript and Subscript.
--------------------------------------------- */
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
generic/_box-sizing.scss 0000644 00000001130 15121446245 0011304 0 ustar 00 /* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
responsive/_responsive.scss 0000644 00000012662 15121446245 0012205 0 ustar 00 /* Responsive.
--------------------------------------------- */
@media screen and (min-width: 980px) {
.weather-location .owf {
line-height: 120px;
}
.weather-info .weather-icon {
font-size: 150px;
}
.weather-location-name {
font-size: 30px;
padding-top: 0;
}
.weather-desc {
font-size: 18px;
padding-top: 15px;
}
.weather-current-temp {
font-size: 60px;
}
}
@media screen and (max-width: 1190px) {
#page {
width: 97%;
}
.wide #page {
width: 100%;
}
.inner-wrap {
width: 94%;
}
.tg-full-width.inner-wrap {
padding: 0;
}
.author-description-wrapper {
width: 75%;
}
.call-to-action__title {
font-size: 40px;
}
.video-playing {
padding-bottom: 45%;
}
.video-player.video-player--horizontal .video-playlist .video-playlist-item {
width: 25.5%;
}
}
@media (min-width: 769px) and (max-width: 979px) {
.weather-today {
margin-left: 0;
}
.video-playlist {
width: 40%;
}
.video-player--vertical {
.video-playing {
width: 60%;
padding-bottom: 54%;
}
.video-playlist-info {
width: 70.5%;
}
}
}
@media screen and (max-width: 800px) {
.header_display_type_one .cm-header-col-1 {
float: none;
margin-bottom: 10px;
}
.header_display_type_one #cm-site-branding {
float: none;
text-align: center;
padding-right: 0;
margin-bottom: 10px;
}
#header-text,
.header_display_type_one #header-text {
float: none;
text-align: center;
padding-right: 0;
}
.cm-header-col-2,
.header_display_type_one .cm-header-col-2 {
float: none;
}
.cm-header-col-2 .widget,
.header_display_type_one .cm-header-col-2 .widget {
text-align: center;
}
}
@media screen and (max-width: 768px) {
.cm-header-actions .social-links ul {
display: block;
}
.video-player--vertical {
.video-playing,
.video-playlist {
width: 100%;
display: block;
}
.video-playing {
padding-bottom: 65%;
}
&.video-playlist-item img {
margin-bottom: 0;
width: 20%;
}
}
.video-player.video-player--horizontal .video-playlist .video-playlist-item {
width: 35%;
}
}
@media screen and (max-width: 767px) {
.call-to-action__title {
font-size: 36px;
}
.widget_call_to_action .btn--primary {
padding: 15px 20px;
}
}
@media screen and (max-width: 600px) {
.cm-image-ticker-news .cm-post-content .cm-entry-title {
display: none;
}
.logged-in #cm-masthead #cm-primary-nav {
top: 0 !important;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 25%;
}
.author-img {
img {
margin-right: 0;
}
display: block;
margin: 0 auto;
}
.avatar {
border-radius: 50%;
display: inline-block;
float: none;
margin: 0 auto;
}
.author-description-wrapper {
float: none;
padding-top: 10px;
width: 100%;
}
.search .status-publish {
&:nth-child( 2n ), &:nth-child( 2n+1 ) {
float: none;
width: 100%;
}
}
.call-to-action__title {
font-size: 24px;
margin-bottom: 0;
}
.call-to-action-content {
margin-bottom: 20px;
}
.widget_call_to_action .btn--primary {
padding: 10px 15px;
font-weight: 400;
}
.video-player.video-player--horizontal {
.video-playing {
padding-bottom: 70%;
}
.video-playlist .video-playlist-item {
width: 51%;
}
}
.exchange-currency {
&.exchange-column-2 .currency-table, &.exchange-column-3 .currency-table {
width: 100%;
padding-right: 0;
}
}
.weather-forecast-day, .cm-secondary .weather-forecast-day {
width: 52%;
}
.no-sidebar-full-width,
.no-sidebar {
.cm-primary {
.cm-entry-summary {
> .alignwide {
margin-left: 0;
margin-right: 0;
}
}
}
&.box-layout {
.cm-primary {
.cm-entry-summary {
> .alignwide {
margin-left: 0;
margin-right: 0;
}
}
}
}
}
}
@media screen and (max-width: 420px) {
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 33.33%;
}
.related-posts-wrapper-flyout {
width: 95%;
.related-posts-flyout-main-title {
padding: 20px;
}
.related-posts-flyout {
padding: 20px;
}
}
}
/* CSS cod efor not displaying the content of slider/news until page loads */
/* Newsticker */
.newsticker,
.cm-breaking-news-slider-widget {
visibility: hidden;
}
/* Sliders */
.cm-featured-posts--style-5 .cm-highlighted-post,
.thumbnail-big-sliders,
.cm-image-ticker-news {
visibility: hidden;
height: 0;
}
/* Max Mega Menu plugin integration for slider widgets bundled within theme. This fixes visibility issue fix for those widgets, which utilizes BxSlider script */
.mega-menu {
.cm-slider-area-rotate,
.cm-featured-posts--style-5 .cm-highlighted-post,
.thumbnail-big-sliders,
.cm-image-ticker-news,
.cm-breaking-news-slider-widget {
visibility: hidden !important;
}
.mega-toggle-on {
.cm-slider-area-rotate,
.cm-featured-posts--style-5 .cm-highlighted-post,
.thumbnail-big-sliders,
.cm-image-ticker-news,
.cm-breaking-news-slider-widget {
visibility: visible !important;
}
}
}
blocks/products/_style.scss 0000644 00000003456 15121446245 0012074 0 ustar 00 .wc-block-product-new,
.wc-block-product-best-sellers,
.wp-block-product-top-rated,
.wc-block-handpicked-products {
.wc-block-grid__product-title,
.wc-block-grid__product-add-to-cart {
display: flex;
justify-content: flex-start;
}
.wc-block-grid__product-title {
margin-bottom: length("l-4");
color: $color__gray-700;
@include font-size("font-size-sm");
font-weight: 600;
line-height: 1.8;
}
.wc-block-grid__product-rating {
margin-bottom: 0;
.star-rating {
display: flex;
justify-content: flex-start;
margin: unset;
}
}
.wc-block-grid__product {
position: relative;
margin-left: -1em;
margin-right: -1em;
&-add-to-cart {
.wp-block-button__link {
&.wp-element-button {
display: block;
text-align: center;
width: 100%;
margin-top: length( 'l-8');
padding: length( 'l-4' ) length( 'l-12' );
font-size: 1.4rem;
font-weight: 600;
border-radius: 4px;
}
}
}
.wc-block-grid__product-image {
margin-bottom: length("l-8");
}
}
ul {
&.wc-block-grid__products {
padding: 0;
gap: 30px;
}
}
.price {
ins {
.amount {
color: $color__gray-500;
}
}
del {
span {
font-weight: 600;
color: $color__gray-700;
}
}
}
.wc-block-grid__product-image {
margin-bottom: length("l-8");
img {
width: 100%;
border-radius: 4px;
}
}
.wc-block-grid__product-onsale {
position: absolute;
top: 8px;
left: 8px;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
padding: 0 length("l-7");
background-color: $color__blue-900;
color: $color__white;
@include font-size("font-size-xs");
text-transform: initial;
border-radius: 2px;
}
}
blocks/blockquote/_style.scss 0000644 00000002104 15121446245 0012366 0 ustar 00 blockquote,
.wp-block-quote,
.wp-block-quote.is-style-large,
.wp-block-quote.has-text-align-right {
padding: 20px 30px 20px 82px;
margin-bottom: length( 'l-15' );
margin-top: length( 'l-8' );
background-color: $color__primary;
color: $color__white;
border-radius: 4px;
border-left: 0;
p {
position: relative;
font-family: "Open Sans", serif;
line-height: 1.8;
padding-top: 0;
margin-bottom: 0;
&::before {
content: "\f10d";
position: absolute;
left: -50px;
top: 0;
line-height: 1;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: $color__white;
@include font-size("font-size-xxl");
}
}
a {
color: $color__white;
text-decoration: underline;
}
em,
i,
cite {
font-style: normal;
}
cite {
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
float: right;
}
}
blockquote {
&.wp-block-quote {
&.has-text-align-right {
border-right: 0;
}
}
}
blocks/query/_style.scss 0000644 00000000211 15121446245 0011360 0 ustar 00 .wp-block-query {
.wp-block-post {
&.post {
box-shadow: none;
}
}
.wp-block-post-template {
padding: 0;
}
}
blocks/_blocks.scss 0000644 00000000151 15121446245 0010333 0 ustar 00 @import "blockquote/style";
@import "button/style";
@import "query/style";
@import "products/style";
blocks/button/_style.scss 0000644 00000000465 15121446245 0011541 0 ustar 00 .wp-block-button {
.search-icon {
&::before {
display: none;
}
}
}
.wp-block-search__inside-wrapper,
.search-wrap {
.search-icon::before {
content: "\f002";
color: $color__white;
@include font-size("font-size-lg");
font-family: FontAwesome;
font-weight: 400;
}
}
blocks/gallery/_style.scss 0000644 00000000172 15121446245 0011660 0 ustar 00 .wp-block-gallery,
.wp-block-social-links {
&.alignleft,
&.alignright,
&.aligncenter {
display: flex;
}
}
style.scss 0000644 00000006212 15121446245 0006606 0 ustar 00 /*
Theme Name: ColorMag Pro
Theme URI: https://themegrill.com/themes/colormag/
Author: ThemeGrill
Author URI: https://themegrill.com/wordpress-themes/
Description: ColorMag Pro is the pro version of ColorMag free theme.
Version: 4.1.10
Tested up to: 6.6
Requires PHP: 5.6
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, post-formats, footer-widgets, blog, e-commerce, news, rtl-language-support
Text Domain: colormag
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/* Import Fonts.
--------------------------------------------- */
@import "fonts/fonts";
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
/* Import variables and mixins.
--------------------------------------------- */
@import "abstracts/abstracts";
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
@import "generic/normalize";
@import "generic/box-sizing";
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
@import "base/base";
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
@import "components/components";
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
@import "layouts/layouts";
/*--------------------------------------------------------------
# Gutenberg blocks.
--------------------------------------------------------------*/
@import "blocks/blocks";
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
@import "plugins/wp-pagenavi";
@import "plugins/headroom";
@import "plugins/magazine-blocks";
@import "plugins/wishlist";
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
@import "utilities/accessibility";
@import "utilities/alignments";
@import "utilities/clearings";
@import "utilities/infinite-scroll";
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@import "responsive/responsive";
components/comments/_comments.scss 0000644 00000006741 15121446245 0013453 0 ustar 00 /* Comments.
--------------------------------------------- */
.comment-navigation {
margin-bottom: length( 'l-8' );
}
.bypostauthor {
display: block
}
.avatar {
border-radius: 50%;
}
.comments-area {
margin-top: length( 'l-30' );
.comments-title {
@include font-size("font-size-xl");
margin-bottom: length( 'l-20' );
}
.comment-metadata {
display: flex;
align-items: center;
gap: 8px;
margin-left: length( 'l-30' );
}
#comment:focus-visible {
outline: none;
}
.avatar {
height: 40px;
width: 40px;
margin-right: length( 'l-8' );
margin-bottom: 0;
border: 1px solid rgba(17, 17, 17, 0.15)
}
.fn {
a {
color: $color__gray-800;
font-size: 20px;
font-weight: 500;
}
}
.comment-content {
margin-top:length( 'l-8' );
margin-left: length( 'l-30' );
p {
line-height: 1.8;
margin-bottom: length( 'l-6' );
}
a {
word-wrap: break-word;
}
}
.comment-date-time,
.comment-permalink {
display: flex;
align-items: center;
gap: 6px;
@include font-size("font-size-xxs");
font-weight: 400;
line-height: 1.8;
color: $color__gray-500;
}
.comment-permalink {
&:hover {
color: $color__primary;
}
}
.comment-reply-link {
margin-top: 12px;
@include font-size("font-size-xs");
font-weight: 600;
}
}
.comment {
margin-bottom: length( 'l-10' );
ul,
ol {
margin: 0 0 20px 20px;
}
ul {
list-style: square outside none;
}
a {
&:hover {
text-decoration: underline;
}
}
.comment-author-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: length( 'l-6' );
.post-author {
background-color: $color__primary;
color: $color__white;
padding: 6px;
border-radius: 4px;
font-size: 14px;
}
}
}
.comment-list {
margin-bottom: length( 'l-12' );
.children {
margin-left: 20px;
list-style-type: none;
padding: 0;
}
list-style-type: none;
padding: 0;
}
.comment-edit-link {
@include font-size("font-size-xxs");
}
/* Comments Form.
--------------------------------------------- */
.comment-respond {
.comment-reply-title{
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: length( 'l-3' );
margin-bottom: length( 'l-4' );
@include font-size("font-size-xl");
#cancel-comment-reply-link {
font-weight: normal;
@include font-size("font-size-sm");
}
}
.logged-in-as,
.comment-notes {
margin-bottom: length( 'l-16' );
@include font-size("font-size-sm");
}
form {
.comment-form-cookies-consent {
#wp-comment-cookies-consent {
margin-right: length( 'l-3' );
}
label {
display: inline-block;
font-weight: 400;
margin-top: length( l-5 );
margin-bottom: length( l-16 );
}
}
input[type="text"],
textarea,
input[type="email"],
input[type="url"] {
box-sizing: border-box;
@include font-size("font-size-sm");
line-height: 1.5;
padding: 10px;
width: 100%;
margin-bottom: length( l-7 );
}
p.form-allowed-tags {
display: none;
@include font-size("font-size-sm");
line-height: 1;
color: #5e5e5e;
}
}
label {
display: block;
@include font-size("font-size-sm");
font-weight: 600;
color: $color__gray-600;
margin-bottom: length( 'l-4' );
line-height: 1.8;
}
p {
margin-bottom: 0;
}
}
.required {
color: red;
}
components/header-actions/_header-actions.scss 0000644 00000005003 15121446245 0015543 0 ustar 00 /* Search.
--------------------------------------------- */
.cm-header-actions {
display: flex;
align-items: center;
order: 3;
flex-basis: 100%;
justify-content: flex-end;
margin-left: auto;
}
.cm-top-search {
position: initial;
&:has(.show) {
.fa.search-top {
&::before {
content: '✖';
}
}
}
}
.fa.search-top {
display: flex;
align-items: center;
justify-content: center;
padding: length( 'l-4' );
height: 48px;
width: 48px;
color: $color__white;
@include font-size("font-size-xl");
cursor: pointer;
&:hover {
background-color: $color__primary;
}
}
.search-wrap {
position: relative;
display: flex;
overflow: hidden;
border-radius: 4px;
button {
padding: length( 'l-7' );
color: $color__white;
background-color: $color__primary;
@include font-size("font-size-xs");
border-radius: 0 4px 4px 0;
line-height: 0.8;
}
}
.search-form-top {
position: absolute;
right: 0;
z-index: 9999;
border: 1px solid $color__gray-100;
display: none;
padding: length( 'l-12' );
border-radius: 0 0 4px 4px;
background-color: $color__white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
&.show {
display: block;
width: 100%;
&::before {
content: '';
position: absolute;
width: 0;
height: 0;
border-bottom: 12px solid $color__white;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
top: -10px;
right: 54px;
}
}
:focus-visible {
outline: none;
}
input.s {
width: 100%;
padding: length( 'l-6' );
@include font-size("font-size-xs");
border: 1px solid $color__gray-200;
border-radius: 4px 0 0 4px;
}
.search-wrap {
display: flex;
}
}
/* Random Posts Icon.
--------------------------------------------- */
.cm-random-post {
order :1;
.fa-random {
color: $color__white;
@include font-size("font-size-xl");
vertical-align: middle;
}
}
.cm-primary-nav {
.cm-random-post {
a {
display: flex;
align-items: center;
height: 48px;
padding: length( 'l-4' );
border-bottom: medium none;
&:hover {
background-color: $color__primary;
}
svg {
display: block;
fill: #fff;
font-size: 32px;
}
}
}
}
@include breakpoint("mdm") {
.cm-header-actions {
flex-basis: unset;
}
.search-form-top{
&.show {
width: 570px;
&::before {
right: 10px;
}
}
}
.cm-top-search {
position: relative;
}
}
components/_components.scss 0000644 00000003571 15121446245 0012164 0 ustar 00 /* Top bar.
--------------------------------------------- */
@import "top-bar/top-bar";
@import "top-bar/breaking-news";
@import "top-bar/header-date";
@import "top-bar/menu";
/* Social icons.
--------------------------------------------- */
@import "social-icons/social-icons";
/* Header actions.
--------------------------------------------- */
@import "header-actions/header-actions";
/* Header media.
--------------------------------------------- */
@import "header-media/header-media";
/* Page header.
--------------------------------------------- */
@import "page-header/page-header";
@import "page-header/breadcrumbs";
/* Navigation.
--------------------------------------------- */
@import "menus/common-desktop-mobile-menu";
@import "menus/navigation";
@import "menus/primary-menu";
/* Smooth image.
--------------------------------------------- */
@import "smooth-image/smooth-image";
/* Comments.
--------------------------------------------- */
@import "comments/comments";
/* Entry.
--------------------------------------------- */
@import "entry/entry";
/* Widgets.
--------------------------------------------- */
@import "widgets/advertisement";
@import "widgets/breaking-news";
@import "widgets/call-to-action";
@import "widgets/category-slider";
@import "widgets/currency-exchange";
@import "widgets/featured-category-slider";
@import "widgets/featured-post-style-1";
@import "widgets/featured-post-style-2";
@import "widgets/featured-post-style-3";
@import "widgets/featured-post-style-4";
@import "widgets/featured-post-style-5";
@import "widgets/featured-post-style-6";
@import "widgets/featured-post-style-7";
@import "widgets/highlighted-posts";
@import "widgets/random-post";
@import "widgets/search";
@import "widgets/tabbed";
@import "widgets/video-playlist";
@import "widgets/weather";
@import "widgets/widgets";
components/social-icons/_social-icons.scss 0000644 00000004570 15121446245 0014745 0 ustar 00 /* Social Icons.
--------------------------------------------- */
.fa {
@include font-size('font-size-sm');
color: $color__gray-500;
}
.social-links {
ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
li {
&:hover > a {
background-color: transparent;
}
}
a {
text-decoration: none;
&:hover {
text-decoration: none;
}
}
}
li {
margin-left: 16px;
border-top: 0;
&:first-child {
margin-left: 0;
}
}
a {
display: flex;
width: 20px;
height: 20px;
align-items: center;
justify-content: center;
}
.fa {
text-align: center;
transition: color 0.2s ease-out 0s;
font-size: 18px;
&:hover {
color: $color__primary;
}
}
.fa-twitter {
color: $color__twitter;
}
.fa-facebook {
color: $color__facebook;
}
.fa-youtube {
color: $color__youtube;
}
.fa-vimeo-square {
color: $color__vimeo-square;
}
.fa-skype {
color: $color__skype;
}
.fa-linkedin {
color: $color__linkedin;
}
.fa-google-plus {
color: $color__google-plus;
}
.fa-github {
color: $color__github;
}
.fa-flickr {
color: $color__flickr;
}
.fa-dribbble {
color: $color__dribbble;
}
.fa-instagram {
color: $color__instagram;
}
.fa-pinterest {
color: $color__pinterest;
}
.fa-stumbleupon {
color: $color__stumbleupon;
}
.fa-tumblr {
color: $color__tumblr;
}
.fa-wordpress {
color: $color__wordpress;
}
.fa-codepen {
color: $color__gray-seven;
}
.fa-digg {
color: $color__digg;
}
.fa-reddit {
color: $color__reddit;
}
.fa-xing {
color: $color__xing;
}
.fa-vk {
color: $color__vk;
}
.fa-weibo {
color: $color__weibo;
}
.fa-leanpub {
color: $color__leanpub;
}
.fa-renren {
color: $color__renren;
}
.fa-rss {
color: $color__rss;
}
.fa-soundcloud {
color: $color__soundcloud;
}
.fa-vine {
color: $color__vine;
}
.fa-delicious {
color: $color__delicious;
}
}
.cm-header-actions {
.social-links {
a {
padding: 0;
}
li {
margin-left: 0;
padding: 12px;
}
ul {
li {
display: inline-block;
background: transparent;
a {
&:hover {
background-color: transparent;
}
}
}
}
}
}
components/entry/_thumbnail.scss 0000644 00000000145 15121446245 0013115 0 ustar 00 .cm-featured-image {
text-align: center;
a {
display: block;
position: relative;
}
}
components/entry/_summary.scss 0000644 00000000301 15121446245 0012621 0 ustar 00 .cm-entry-summary {
margin-top: length( 'l-6' );
p {
margin-bottom: length( 'l-12', em );
@include font-size("font-size-xs");
&:last-child {
margin-bottom: 0;
}
}
}
components/entry/_entry.scss 0000644 00000000164 15121446245 0012274 0 ustar 00 @import "button";
@import "footer";
@import "header";
@import "meta";
@import "summary";
@import "thumbnail";
components/entry/_header.scss 0000644 00000000352 15121446245 0012362 0 ustar 00 .cm-entry-title {
margin-bottom: length( 'l-6' );
@include font-size("font-size-xl");
font-weight: 500;
a {
color: $color__gray-800;
&:hover {
color: $color__primary;
text-decoration: underline;
}
}
}
components/entry/_footer.scss 0000644 00000000143 15121446245 0012426 0 ustar 00 .cm-entry-footer {
.cm-edit-link {
margin-top: length( 'l-12' );
line-height: 1;
}
}
components/entry/_meta.scss 0000644 00000002407 15121446245 0012063 0 ustar 00 .cm-entry-header-meta {
display: flex;
margin-bottom: length('l-6');
}
.cm-below-entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-bottom: 12px;
.cm-post-date,
.cm-comments-link {
a {
display: flex;
align-items: center;
gap: 4px;
}
}
}
.cm-below-entry-meta,
.cm-entry-header-meta {
a {
&:hover {
text-decoration: underline;
}
}
}
.cm-author,
.cm-post-views,
.cm-edit-link,
.cm-comments-link,
.cm-post-date,
.cm-reading-time {
display: flex;
align-items: center;
gap: 4px;
@include font-size('font-size-xxs');
}
/* ------------ Post Meta ----------------- */
.cm-posts {
.cm-below-entry-meta {
.cm-author {
.cm-style-2-avatar {
height: 24px;
width: 24px;
border-radius: 100px;
}
}
}
}
.cm-tag-links {
display: flex;
align-items: center;
@include font-size('font-size-xxs');
}
.cm-icon--tag {
margin-right: 4px;
}
.cm-post-date,
.cm-author,
.cm-tag-links,
.cm-edit-link,
.cm-comments-link {
a {
color: $color__gray-500;
@include font-size('font-size-xxs');
}
}
.cm-tag-links {
flex-wrap: wrap;
}
.cm-total-views {
color: $color__gray-500;
@include font-size('font-size-xxs');
} components/entry/_button.scss 0000644 00000000605 15121446245 0012446 0 ustar 00 .cm-entry-button {
display: inline-block;
background-color: $color__primary;
border-radius: 2px;
span {
display: inline-block;
padding: length( 'l-2', px ) length( 'l-6', px );
color: $color__white;
@include font-size('font-size-xs');
font-weight: 600;
cursor: pointer;
line-height: 1.8;
&:hover {
background-color: rgba(0, 0, 0, 0.1);
}
}
}
components/widgets/_featured-post-style-3.scss 0000644 00000000651 15121446245 0015521 0 ustar 00 /* Style 3 widget.
--------------------------------------------- */
.tg-front-post-load-more {
display: inline-block;
padding: length( 'l-5' );
background-color: $color__black;
color: $color__white;
@include font-size("font-size-xxs");
font-weight: 600;
}
.widget .waiting {
margin: 0 0 0 6px;
vertical-align: middle;
}
.cm-featured-posts--style-3 {
.cm-posts {
gap: length( 'l-6' );
}
}
components/widgets/_featured-post-style-6.scss 0000644 00000002547 15121446245 0015532 0 ustar 00 /* Style 6 widget.
--------------------------------------------- */
.cm-featured-posts--style-6 {
&.cm-featured-posts {
display: block;
.cm-entry-header-meta {
display: flex;
}
.cm-post-content {
padding: length( 'l-8' );
}
}
.cm-thumbnail-slider-news .bx-caption {
position: absolute;
padding: length( 'l-8' );
margin-top: -72px;
background: $color__black;
color: $color__white;
opacity: 0.5;
}
img {
margin-bottom: 0;
}
.cm-post {
position: relative;
border-radius: 0;
}
.cm-post-content {
position: absolute;
bottom: 0;
right: 0;
left: 0;
display: grid;
grid-template-rows: repeat(1, 1fr);
align-items: end;
text-align: left;
padding: length( 'l-12' );
background: linear-gradient(180deg, rgba(35, 35, 35, 0) 0%, #232323 100%);
.cm-entry-title {
margin-bottom: 0;
a {
@include font-size("font-size-xl");
color: $color__white;
}
}
}
}
.cm-thumbnail-slider-news {
overflow: hidden;
border-radius: 4px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
}
.cm-thumbnail-slider {
position: relative;
display: flex;
gap: length( 'l-4' );
padding: length( 'l-4' );
img {
border-radius: 4px;
}
a {
display: inline-block;
text-align: center;
width: 20%;
}
.title {
display: none;
}
}
components/widgets/_featured-category-slider.scss 0000644 00000003346 15121446245 0016337 0 ustar 00 /* Featured Category Slider Widget.
--------------------------------------------- */
.cm-featured-category-slider,
.cm-slider-area-rotate {
position: relative;
.cm-single-slide {
position: relative;
border-radius: 4px;
overflow: hidden;
}
img {
width: 100%;
margin-bottom: 0;
}
.cm-below-entry-meta {
margin-bottom: 0;
}
.single-post {
.bx-controls-direction {
display: none;
}
}
.cm-slide-content {
position: absolute;
bottom: 0;
right: 0;
left: 0;
display: grid;
grid-template-rows: repeat(1, 1fr);
align-items: end;
text-align: left;
padding: 16px;
background: linear-gradient(180deg, rgba(35, 35, 35, 0) 0%, #232323 100%);
.cm-entry-header-meta .cm-post-categories a {
background-color: $color__primary;
}
}
.cm-entry-title {
color: $color__white;
@include font-size('font-size-sm');
a {
color: inherit;
&:hover {
color: $color__white;
opacity: 0.8;
}
}
}
.cm-post-date,
.cm-author,
.cm-comments-link,
.cm-reading-time{
svg {
fill: $color__white;
}
}
.cm-post-date a,
.cm-author a,
.cm-reading-time,
.cm-reading-time::before,
.human-diff-time .human-diff-time-display {
color: $color__white;
}
.cm-comments-link {
a,
span {
color: $color__white;
}
}
}
.cm-featured-category-slider-single-post {
.cm-slider-area-rotate {
visibility: visible;
height: unset;
}
}
.cm-slider-area-rotate {
visibility: hidden;
height: 0
}
@include breakpoint("mdm") {
.cm-featured-category-slider {
.cm-entry-title {
@include font-size('font-size-xl');
}
.cm-slide-content {
padding: length( 'l-12' );
}
}
}
components/widgets/_video-playlist.scss 0000644 00000005266 15121446245 0014415 0 ustar 00
/* Video Playlist.
--------------------------------------------- */
.widget_video_player {
margin-bottom: 20px;
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.video-player {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.video-playing,
.video-playlist {
display: inline-block;
vertical-align: top;
margin-right: -4px;
}
.video-playing {
width: 71%;
position: relative;
padding-bottom: 35.6%;
padding-top: 2.5%;
height: 0;
}
.video-player.video-player--vertical {
background-color: #1d1d1d;
}
.video-playing iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.video-playlist {
width: 29%;
height: 100%;
}
.video-playlist-item {
display: block;
border-bottom: 1px solid #222222;
padding: 15px 20px;
cursor: pointer;
&:last-child {
border-bottom: 0 none;
}
}
.video-player.video-player--horizontal .video-playlist-item {
height: 100%;
}
.video-playlist-item img,
.video-playlist-info {
display: inline-block;
vertical-align: top;
margin-right: -4px;
white-space: pre-wrap;
}
.video-playlist-item img {
margin-bottom: 0;
width: 25.5%;
}
.video-playlist-info {
width: 71.5%;
padding-left: 5%;
}
.video-playlist-item {
.video-playlist-title {
font-size: 16px;
font-weight: 700;
color: #f2f2f2;
line-height: 26px;
padding-bottom: 0;
}
.video-duration {
font-size: 12px;
color: #d5d5d5;
}
}
.video-player {
&.video-player--vertical .video-playlist {
height: 434px;
overflow-y: auto;
}
&.video-player--horizontal {
background-color: #f2f2f2;
.video-playing,
.video-playlist {
width: 100%;
display: block;
margin-right: 0;
}
.video-playing {
padding-bottom: 40%;
}
.video-playlist {
text-align: center;
height: 100%;
overflow-x: auto;
white-space: nowrap;
.video-playlist-item {
display: inline-block;
width: 17%;
vertical-align: top;
border-bottom: 0 none;
margin-right: -4px;
padding: 2%;
position: relative;
text-align: left;
border-right: 2px solid #d8d8d8;
&:last-child {
border-right: 0 none;
margin-right: 0;
}
}
}
.video-playlist-item img {
width: 100%;
}
.video-playlist-info {
width: 100%;
padding-left: 0;
padding-top: 14px;
display: block;
}
.video-playlist-item {
.video-playlist-title {
color: #373f51;
}
.video-duration {
color: #7f7f7f;
}
}
}
}
components/widgets/_search.scss 0000644 00000001666 15121446245 0012715 0 ustar 00 /* Widget Search.
--------------------------------------------- */
.wp-block-search {
.wp-block-search__label {
display: none;
}
.wp-block-search__button {
border: 0;
margin-left: 0;
border-radius: 0 4px 4px 0;
}
.wp-block-search__input {
position: relative;
padding: length("l-6");
@include font-size("font-size-xs");
border: 1px solid $color__gray-300;
border-radius: 4px 0 0 4px;
line-height: 1.6;
&:focus-visible {
outline: none;
}
}
.wp-element-button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
padding: 0;
color: transparent;
&::before {
position: absolute;
content: "\f002";
color: $color__white;
@include font-size("font-size-lg");
font-family: FontAwesome;
font-weight: 400;
}
&:hover {
background-color: $color__primary;
color: transparent;
}
}
}
components/widgets/_highlighted-posts.scss 0000644 00000002642 15121446245 0015071 0 ustar 00 /* Highlighted posts widget.
--------------------------------------------- */
.cm-highlighted-posts {
.cm-posts {
display: grid;
grid-template-columns: 1fr;
gap: length( 'l-6' );
}
a {
display: block;
}
.cm-post {
position: relative;
overflow: hidden;
border-radius: 4px;
}
img {
width: 100%;
}
.cm-post-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: grid;
align-items: end;
grid-template-rows: repeat(1, 1fr);
padding: length( 'l-8' );
background: linear-gradient(180deg, rgba(35, 35, 35, 0) 0%, #232323 100%);
}
.cm-below-entry-meta {
margin-bottom: 0;
}
.cm-author,
.cm-comments-link,
.cm-entry-header-meta {
display: none;
}
.cm-post-date,
.cm-author,
.cm-comments-link,
.cm-reading-time{
svg {
fill: $color__white;
}
}
.cm-post-date a,
.cm-author a,
.cm-reading-time,
.cm-reading-time::before,
.human-diff-time .human-diff-time-display {
color: $color__white;
}
.cm-entry-title {
margin-bottom: length( 'l-4' );
@include font-size("font-size-sm");
font-weight: 500;
a {
color: $color__white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
&:hover {
color: $color__white;
opacity: 0.8;
}
}
}
}
@include breakpoint("mdm") {
.cm-highlighted-posts {
.cm-posts {
grid-template-columns: 1fr 1fr;
}
}
}
components/widgets/_featured-post-style-5.scss 0000644 00000003260 15121446245 0015522 0 ustar 00 /* Style 5 widget.
--------------------------------------------- */
.cm-featured-posts--style-5 {
&.cm-highlighted-posts {
.cm-below-entry-meta {
display: none;
}
.cm-post {
margin-bottom: 0;
}
}
&.cm-featured-posts {
.cm-post-content .cm-entry-title a {
color: $color__white;
&:hover {
color: $color__primary;
}
}
img {
margin-bottom: 0;
}
.cm-post-content .cm-below-entry-meta {
.cm-post-date .fa,
.cm-author .fa,
.cm-comments-link .fa {
color: $color__white;
}
}
.cm-post-title-below-image {
.cm-post {
flex-direction: column;
.cm-post-content {
position: unset;
background: $color__white;
align-self: unset;
.cm-entry-title {
margin: 0;
a {
color: $color__black;
&:hover {
color: $color__primary;
}
}
}
}
}
}
}
}
.cm-footer {
.cm-featured-posts--style-5 {
.cm-post-title-below-image {
.cm-post {
img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
}
}
}
components/widgets/_featured-post-style-4.scss 0000644 00000001407 15121446245 0015522 0 ustar 00 /* Style 4 widget.
--------------------------------------------- */
.cm-featured-posts--style-4 {
.cm-post {
display: flex;
flex-direction: column;
.cm-post-content {
flex-basis: 100%;
padding: length( 'l-8', px );
}
}
&.cm-featured-posts {
.cm-entry-title {
@include font-size("font-size-xl");
}
.cm-entry-header-meta {
display: flex;
}
.cm-posts {
.cm-author {
display: flex;
}
}
}
.fluid-width-video-wrapper {
margin-bottom: length( 'l-10' );
padding: 0 !important;
iframe {
width: 390px;
height: 205px;
margin-right: length( 'l-10' );
margin-bottom: 0;
position: relative;
float: left;
}
}
.cm-featured-image {
flex-basis: 100%;
}
}
components/widgets/_weather.scss 0000644 00000003373 15121446245 0013104 0 ustar 00 /* Weather.
--------------------------------------------- */
.cm-secondary .widget.widget_weather .weather-info {
color: #fffdfd;
}
.widget_weather {
.weather-info {
color: #fffdfd;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.weather-forecast-header {
padding: 30px 20px;
text-align: center;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
display: block;
color: #fffdfd;
}
.weather-info {
padding: 0 20px 30px;
text-align: center;
}
.weather-location,
.weather-today {
display: inline-block;
vertical-align: top;
}
.weather-location {
margin-top: 5px;
span {
display: block;
}
.owf {
line-height: 80px;
}
}
.cm-secondary .weather-location .owf {
line-height: 80px;
}
.weather-info .weather-icon {
font-size: 100px;
}
.cm-secondary {
.weather-info .weather-icon {
font-size: 100px;
}
.weather-location-name {
font-size: 24px;
font-weight: 700;
padding-top: 15px;
}
}
.weather-location-name {
font-size: 24px;
font-weight: 700;
padding-top: 15px;
}
.weather-desc {
padding-top: 15px;
}
.weather-today {
text-align: left;
margin-left: 40px;
}
.cm-secondary .weather-desc,
.weather-desc {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
padding-top: 0;
}
.weather-info .weather-temp,
.weather_highlow,
.weather_wind {
display: block;
padding-top: 10px;
}
.cm-secondary .weather-current-temp,
.weather-current-temp {
font-size: 48px;
font-weight: 700;
}
.weather-today span {
margin-right: 5px;
color: #fffdfd;
}
.weather-current-temp sup {
vertical-align: text-top;
font-size: 16px;
line-height: 40px;
}
components/widgets/_widgets.scss 0000644 00000013515 15121446245 0013112 0 ustar 00 /* Widget Title.
--------------------------------------------- */
.widget {
&:last-child {
margin-bottom: 0;
}
.wp-block-heading {
display: inline-block;
background-color: $color__primary;
color: $color__white;
font-size: 16px;
font-weight: 600;
line-height: 1.8;
margin-bottom: 0;
padding: 4px 12px 2px;
border-radius: 2px 2px 0 0;
letter-spacing: 0.01em;
}
.block-title {
display: block;
margin-bottom: 20px;
border-bottom: 2px solid $color__primary;
}
select {
border: 1px solid #dddddd;
color: #777777;
padding: 2px;
width: 60%;
}
}
/* Featured Post.
--------------------------------------------- */
.cm-featured-posts {
display: flex;
flex-wrap: wrap;
margin-bottom: length( 'l-15', px );
.cm-widget-title {
display: flex;
flex-basis: 100%;
justify-content: space-between;
border-bottom: 2px solid $color__primary;
font-size: 18px;
span {
display: inline-block;
padding: 6px 12px;
color: $color__white;
background-color: $color__primary;
}
}
.cm-posts {
.cm-post {
display: flex;
}
.cm-author {
display: none;
}
}
.cm-post {
overflow: hidden;
}
.cm-entry-title {
font-size: 14px;
a {
display: block;
color: inherit;
text-shadow: none;
word-wrap: break-word;
line-height: 1.5;
&:hover {
color: $color__primary;
}
}
}
.cm-entry-header-meta {
display: none;
}
.cm-post-content {
flex: 1;
align-self: center;
padding: length( 'l-6', px) length( 'l-8', px);
}
img {
width: 100%;
}
.cm-first-post {
flex-basis: 100%;
margin-bottom: 12px;
figure {
position: relative;
}
.cm-post-content {
padding: 18px;
}
.cm-entry-title {
font-size: 24px;
}
.cm-entry-header-meta {
display: flex;
}
}
.cm-below-entry-meta {
margin-bottom: 12px;
}
.cm-breaking-news {
.cm-post {
overflow: visible;
box-shadow: none;
}
}
.cm-entry-summary {
p {
margin-bottom: 0;
}
}
}
/* Front Page Widget Areas.
--------------------------------------------- */
.cm-beside-slider-widget,
.cm-slider-area {
width: 100%;
}
.cm-slider-area,
.cm-beside-slider-widget {
.cm-widget-title {
border-bottom: 2px solid $color__primary;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
span {
display: inline-block;
padding: 6px 12px;
background-color: $color__primary;
color: $color__white;
}
}
}
.cm-view-all-link {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 6px 12px;
margin-bottom: 4px;
font-size: 14px;
color: $color__white;
font-weight: 600;
background-color: $color__black;
.cm-primary & {
span {
background: transparent;
}
}
}
/* All Related to Featured Posts Widget.
--------------------------------------------- */
.cm-post-date a:hover,
.cm-author a:hover,
.cm-comments-link a:hover,
.cm-tag-links a:hover,
.cm-edit-link a:hover {
color: $color__primary;
}
/* Front Page Top Section.
--------------------------------------------- */
.cm-front-page-top-section {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 30px;
}
/* Ajax popup CSS in ticker news widget */
.mfp-content .cm-posts {
background: $color__white;
max-width: 50%;
margin: 0 auto;
border-radius: 5px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
/* Widgets General CSS.
--------------------------------------------- */
.fitvids-video .video {
margin-bottom: 10px;
}
.cm-secondary,
.cm-footer,
#cm-tertiary {
.widget {
ul {
li {
li {
border-bottom: none;
}
}
ul {
padding-left: 10px;
}
}
}
}
.cm-secondary,
#cm-tertiary {
word-break: break-word;
.cm-widget-title {
display: flex;
justify-content: space-between;
border-bottom: 2px solid $color__primary;
margin-bottom: 15px;
span {
display: inline-block;
background-color: $color__primary;
color: $color__white;
font-size: 16px;
font-weight: 600;
line-height: 1.8;
margin-bottom: 0;
padding: 4px 12px 2px;
border-radius: 2px 2px 0 0;
letter-spacing: 0.01em;
.rsswidget {
color: $color__white;
img {
margin-top: 5px;
margin-bottom: 0;
}
&:hover {
text-decoration: none;
}
}
}
}
a:hover {
text-decoration: underline;
}
.widget {
margin-bottom: length( l-16 );
@include font-size("font-size-xs");
p {
@include font-size("font-size-xs");
}
ul {
li {
line-height: 1.5;
padding: 6px 0;
list-style: none;
}
}
li {
line-height: 1.8;
}
}
}
.cm-error-404 .widget {
margin-bottom: 35px;
font-size: 14px;
background-color: $color__white;
}
#style6_pager_colormag_slider_news_widget-9 {
img:hover {
.play-button-wrapper {
background-color: #207DAF;
}
}
}
.widget,
.cm-featured-image {
.play-button-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(35, 35, 35, 0.75);
width: 42px;
height: 26px;
border-radius: 3px;
transition: background 0.3s ease 0s;
.fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: $color__white;
}
}
}
@include breakpoint("mdm") {
.cm-slider-area,
.cm-beside-slider-widget {
width: 100%;
}
.cm-featured-posts--style-4 {
.cm-post {
flex-direction: row;
}
}
}
@include breakpoint("lrg") {
.cm-front-page-top-section {
flex-direction: row;
margin-bottom: 50px;
}
.cm-slider-area {
width: 55.26315789%;
}
.cm-beside-slider-widget {
width: 43.85964912%;
}
}
components/widgets/_featured-post-style-7.scss 0000644 00000000703 15121446245 0015523 0 ustar 00 /* Style 7 widget.
--------------------------------------------- */
.cm-featured-posts--style-7 {
.cm-post-content {
display: none;
}
}
@include breakpoint("mdm") {
.cm-featured-posts--style-7 {
img {
margin-bottom: length( 'l-2' );
}
.cm-post-content {
display: flex;
}
.cm-entry-title {
margin-bottom: 0;
}
}
} components/widgets/_featured-post-style-1.scss 0000644 00000001657 15121446245 0015526 0 ustar 00 /* Style 1 widget.
--------------------------------------------- */
.cm-featured-posts--style-1 {
p {
display: inline-block;
width: 100%;
}
.cm-entry-title {
margin-bottom: length( 'l-4' );
}
.cm-first-post {
.cm-entry-title {
margin-bottom: length( 'l-6' );
}
}
.cm-posts {
display: flex;
flex-direction: column;
width: 100%;
gap: length( 'l-6' );
.cm-below-entry-meta {
margin-bottom: 0;
}
}
}
@include breakpoint("mdm") {
.cm-featured-posts {
&.cm-featured-posts--style-1 {
gap: 20px;
.cm-posts {
flex-basis: calc(50% - 10px);
}
.cm-first-post {
flex-basis: calc(50% - 10px);
margin-bottom: 0;
}
}
}
}
components/widgets/_tabbed.scss 0000644 00000003377 15121446245 0012672 0 ustar 00 /* Tabbed Widget.
--------------------------------------------- */
.cm-tabbed-widget-popular,
.cm-tabbed-widget-recent,
.cm-tabbed-widget-comment {
display: flex;
flex-direction: column;
gap: length( 'l-6' );
padding: length( 'l-6' );
}
.tabbed-images {
position: relative;
}
.cm-tab-widget {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
overflow: hidden;
.cm-post {
position: relative;
display: flex;
box-shadow: none;
clear: both;
a {
display: flex;
position: relative;
height: fit-content;
}
}
.cm-post-content {
flex-basis: 50%;
flex: 1;
.cm-below-entry-meta {
margin-bottom: 0;
}
}
}
.cm-tabbed-widget {
width: 100%;
.cm-tabs {
display: flex;
}
img {
border-radius: 4px;
}
.tabbed-images {
float: left;
position: relative;
}
.cm-entry-title {
margin-bottom: length( 'l-4' );
}
.cm-author {
display: none;
}
li {
list-style: none;
opacity: 0.8;
filter: alpha(opacity=80);
padding-top: length( 'l-5' );
&.active,
&:hover {
opacity: 1;
filter: alpha(opacity=100);
}
}
.tabbed-comment-widget {
clear: both;
img {
margin: length( 'l-5' );
}
}
ul {
li {
display: inline-block;
float: left;
text-align: center;
width: 33.3334%;
padding: 5px 0;
background-color: $color__primary;
a {
display: flex;
align-items: center;
justify-content: center;
gap: length( 'l-2' );
color: $color__white;
@include font-size("font-size-sm");
}
svg {
fill: $color__white;
}
}
&.column-2 {
li {
width: 50%;
}
}
&.column-1 {
li {
width: 100%;
}
}
}
}
components/widgets/_call-to-action.scss 0000644 00000003021 15121446245 0014241 0 ustar 00 /* Call to Action.
--------------------------------------------- */
.widget_call_to_action {
margin-bottom: length( 'l-15' );
}
.call-to-action {
padding: length( 'l-15' );
background-color: $color__primary;
background-repeat: no-repeat;
background-size: cover;
}
.call-to-action-border {
position: relative;
z-index: 1;
padding: 60px 60px 70px;
background-color: rgba(250, 250, 250, 0.87);
}
.call-to-action--center {
text-align: center;
}
.call-to-action--left {
text-align: left;
}
.call-to-action--right {
text-align: right;
}
.call-to-action-border {
&::before {
position: absolute;
content: "";
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
margin: 0 auto;
border: 1px solid #c0bcb9;
height: auto;
width: auto;
z-index: -1;
}
&::after {
position: absolute;
content: "";
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
margin: 0 auto;
border: 1px solid #c0bcb9;
height: auto;
width: auto;
z-index: -1;
top: 34px;
left: 34px;
right: 34px;
bottom: 34px;
}
}
.call-to-action__title {
margin-bottom: length( 'l-5' );
font-size: 48px;
text-transform: uppercase;
font-weight: 700;
}
.call-to-action-content {
margin-bottom: length( 'l-20' );
}
.widget_call_to_action .btn--primary {
display: inline-block;
padding: 20px 25px;
color: $color__white;
background-color: $color__primary;
@include font-size("font-size-xs");
font-weight: 700;
text-transform: uppercase;
}
components/widgets/_currency-exchange.scss 0000644 00000007122 15121446245 0015053 0 ustar 00 /* Currency Exchange.
--------------------------------------------- */
.cm-header-col-2 .widget.widget_exchange,
.widget.widget_exchange {
margin-bottom: length( 'l-15' );
text-align: left;
}
.exchange-currency {
background-color: #fcfdfd;
.base-currency {
text-align: center;
padding: length( 'l-10' );
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid #e4e3e2;
}
.currency-list {
padding: length( 'l-10' );
}
.currency-table {
display: inline-block;
vertical-align: top;
margin-bottom: length( 'l-5' );
padding-bottom: length( 'l-5' );
margin-right: -4px;
font-size: 14px;
border-bottom: 1px solid #efefef;
&:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0 none;
}
}
.currency--country {
font-weight: 700;
display: inline-block;
}
&.exchange-column-1 .currency-table {
width: 100%;
padding-right: 0;
}
&.exchange-column-2 .currency-table {
width: 46%;
padding-right: 8%;
}
&.exchange-column-3 .currency-table {
width: 28%;
padding-right: 8%;
}
&.exchange-column-2 .currency-table:nth-child(2n),
&.exchange-column-3 .currency-table:nth-child(3n) {
padding-right: 0;
}
}
.currency--flag {
display: inline-block;
width: 24px;
height: 24px;
background-image: url(assets/img/flags.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
margin: 1px 5px 0 0;
&.currency--flag-aud {
background-position: 2px -2px;
}
&.currency--flag-bgn {
background-position: -24px 0;
}
&.currency--flag-brl {
background-position: -48px 0;
}
&.currency--flag-cad {
background-position: -72px 0;
}
&.currency--flag-chf {
background-position: -96px 0;
}
&.currency--flag-cny {
background-position: 0 -24px;
}
&.currency--flag-czk {
background-position: -24px -24px;
}
&.currency--flag-dkk {
background-position: -48px -24px;
}
&.currency--flag-gbp {
background-position: -96px -24px;
}
&.currency--flag-hkd {
background-position: 0 -48px;
}
&.currency--flag-hrk {
background-position: -24px -48px;
}
&.currency--flag-huf {
background-position: -48px -48px;
}
&.currency--flag-idr {
background-position: -72px -48px;
}
&.currency--flag-ils {
background-position: -96px -48px;
}
&.currency--flag-inr {
background-position: 0 -71px;
}
&.currency--flag-jpy {
background-position: -24px -75px;
}
&.currency--flag-krw {
background-position: -48px -72px;
}
&.currency--flag-mxn {
background-position: -72px -72px;
}
&.currency--flag-myr {
background-position: -96px -72px;
}
&.currency--flag-nok {
background-position: 0 -96px;
}
&.currency--flag-nzd {
background-position: -24px -96px;
}
&.currency--flag-php {
background-position: -48px -96px;
}
&.currency--flag-pln {
background-position: -72px -96px;
}
&.currency--flag-ron {
background-position: -96px -96px;
}
&.currency--flag-rub {
background-position: -120px 0;
}
&.currency--flag-sek {
background-position: -120px -24px;
}
&.currency--flag-sgd {
background-position: -120px -48px;
}
&.currency--flag-thb {
background-position: -120px -72px;
}
&.currency--flag-try {
background-position: -120px -96px;
}
&.currency--flag-usd {
background-position: 0 -120px;
}
&.currency--flag-zar {
background-position: -24px -120px;
}
&.currency--flag-eur {
background-position: -72px -24px;
}
}
.currency--rate {
float: right;
}
components/widgets/_featured-post-style-2.scss 0000644 00000000736 15121446245 0015524 0 ustar 00 /* Style 2 widget.
--------------------------------------------- */
.cm-featured-posts--style-2 {
&.cm-featured-posts {
.cm-first-post,
.cm-posts {
flex-basis: 100%;
width: 100%;
gap: length( 'l-6' );
}
}
.cm-posts {
.cm-entry-title {
margin-bottom: length( 'l-4' );
}
.cm-below-entry-meta {
margin-bottom: 0;
}
}
}
components/widgets/_random-post.scss 0000644 00000001411 15121446245 0013677 0 ustar 00 /* Random Posts Widget.
--------------------------------------------- */
.cm-random-post-widget {
.cm-post {
display: flex;
box-shadow: none;
.cm-entry-title {
a {
color: #0a0a0a;
}
}
a {
position: relative;
}
}
.cm-random-post {
width: 100%;
}
.cm-post-content {
flex: 1;
.cm-entry-title {
margin-bottom: length('l-4');
font-size: 14px;
line-height: 1.4;
}
.cm-below-entry-meta {
margin-bottom: 0;
}
}
.cm-author {
display: none;
}
}
.cm-random-posts {
display: flex;
flex-direction: column;
gap: length('l-6');
padding: length('l-6');
border-radius: 4px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
width: 100%;
img {
border-radius: 4px;
}
} components/widgets/_breaking-news.scss 0000644 00000002751 15121446245 0014200 0 ustar 00
/* Breaking News Widget.
--------------------------------------------- */
.widget {
.cm-breaking-news {
.cm-post {
padding: 0;
}
}
}
.cm-breaking-news-slider-widget {
display: flex;
flex-direction: column;
gap: length( 'l-6' );
img {
border-radius: 4px;
}
}
.cm-breaking-news {
width: 100%;
padding: length( 'l-6' );
border-radius: 4px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
.cm-post {
box-shadow: none;
padding: 0;
}
.cm-entry-title {
margin-bottom: length( 'l-4' );
a {
display: block;
@include font-size("font-size-xs");
line-height: 1.4;
padding: 0;
}
}
.cm-slide-up,
.cm-slide-down {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 100%;
svg {
padding: 4px;
background-color: $color__gray-50;
fill: $color__gray-500;
border: 1px solid $color__gray-50;
border-radius: 2px;
}
}
.cm-slide-down {
padding-top: length( 'l-8' );
}
.cm-slide-up {
padding-bottom: length( 'l-8' );
}
.cm-post {
display: flex;
}
.cm-below-entry-meta {
margin-bottom: 0;
.cm-comments-link,
.cm-post-date,
.cm-author {
a {
@include font-size("font-size-xxs");
}
}
}
.cm-author {
display: none;
}
}
i {
&.fa-arrow-up,
&.fa-arrow-down {
width: 94%;
text-align: center;
cursor: pointer;
padding: length( 'l-5' );
color: $color__primary;
}
}
components/widgets/_category-slider.scss 0000644 00000002514 15121446245 0014536 0 ustar 00 /* Category Slider Widget.
--------------------------------------------- */
.rtl {
.cm-slider {
direction: rtl;
}
}
.cm-featured-category-slider-widget {
margin-bottom: length( 'l-15' );
}
.cm-slider-area {
.cm-featured-category-slider-widget {
margin-bottom: 0;
}
}
.top-full-width-sidebar {
.cm-featured-category-slider-widget {
margin-bottom: length( 'l-5' );
}
}
.tg-full-width {
&.inner-wrap {
max-width: 100%;
padding: 0 15px;
}
.home .cm-content {
padding-top: 0;
}
}
.cm-category-slide-prev,
.cm-category-slide-next {
position: absolute;
top: 92%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-92%);
background-color: $color__primary;
border-radius: 2px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
.cm-icon {
fill: $color__white;
height: 16px;
width: 16px;
}
}
.cm-category-slide-prev {
right: 0;
margin-right: length( 'l-30' );
}
.cm-category-slide-next {
right: 0;
margin-right: length( 'l-12' );
}
.slide-next i,
.slide-prev i,
.cm-category-slide-next i,
.cm-category-slide-prev i {
color: #ffffff;
font-size: 22px;
padding: 0 10px;
vertical-align: text-bottom;
}
components/widgets/_advertisement.scss 0000644 00000001363 15121446245 0014314 0 ustar 00 /* Advertisement Widget.
--------------------------------------------- */
.cm-advertisement_125x125 {
.cm-advertisement-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
}
.advertisement_below_post_title {
float: left;
width: 300px;
margin-right: 10px;
}
.advertisement_300x250 img {
margin: 0 auto;
display: block;
}
.cm-header-col-2 .advertisement_728x90 {
margin-bottom: 0;
padding: 0;
img {
padding: 0;
}
}
.advertisement_728x90 {
display: block;
}
.advertisement_728x90 {
img {
width: calc(100% - 50px);
display: block;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
padding: 24px 26px;
margin-left: auto;
margin-right: auto;
}
}
components/menus/_navigation.scss 0000644 00000014345 15121446245 0013266 0 ustar 00 /* Navigation.
--------------------------------------------- */
.default-wp-page {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
margin-top: length( 'l-15' );
.previous,
.next {
flex: 1;
}
.next {
text-align: right;
}
}
.wp-block-query-pagination-numbers {
display: flex;
align-content: space-between;
gap: 6px;
text-align: center;
.page-numbers {
display: flex;
align-items: center;
justify-content: space-around;
width: 14px;
height: 14px;
border-radius: 4px;
border: 1px solid $color__gray-100;
background-color: $color__white;
color: $color__gray-700;
font-size: 14px;
padding: 8px;
font-weight: 400;
&.current {
background-color: $color__primary;
color: $color__white;
}
}
}
.previous,
.next {
a {
display: inline-flex;
align-items: center;
gap: 8px;
color: $color__gray-700;
cursor: pointer;
@include font-size('font-size-sm');
font-weight: 600;
word-break: break-all;
&:hover {
color: $color__primary;
text-decoration: underline;
}
}
svg {
fill: $color__gray-800;
}
}
.nav-previous,
.nav-next {
margin-bottom: 15px;
a {
color: $color__primary;
cursor: pointer;
font-size: 16px;
&:hover {
text-decoration: underline;
}
}
}
.nav-previous {
a {
float: left;
}
}
.nav-next {
a {
float: right;
}
}
.link-pagination {
display: flex;
align-content: space-between;
gap: 6px;
text-align: center;
margin: length( 'l-8' ) 0;
.post-page-numbers {
display: flex;
align-items: center;
justify-content: space-around;
width: 14px;
height: 14px;
padding: length( 'l-4' );
background-color: $color__white;
color: $color__gray-700;
@include font-size("font-size-xs");
font-weight: 400;
border-radius: 4px;
border: 1px solid $color__gray-100;
&.current {
background-color: $color__primary;
color: $color__white;
}
}
}
/*--------------------------------------------------------------
18.0 single post pagination
--------------------------------------------------------------*/
.thumbnail-pagination {
margin: 30px 0;
}
.thumbnail-pagination {
li {
width: 49.5%;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
min-height: 90px;
}
img {
width: 20%;
display: inline-block;
vertical-align: top;
margin: 0;
}
.next {
text-align: right;
}
.previous a {
padding-left: 4%;
}
.next a {
padding-right: 4%;
}
a {
display: inline-block;
vertical-align: top;
width: 75%;
color: #67666a;
line-height: 28px;
position: relative;
text-transform: uppercase;
padding: 0;
font-weight: 700;
&:hover {
text-decoration: none;
}
span {
display: none;
}
}
}
/* Slider widget NEXT PREVIOUS buttons.
--------------------------------------------- */
.slide-prev,
.slide-next {
filter: alpha(opacity=70);
background-color: $color__primary;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
border-radius: 2px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
.cm-icon {
fill: $color__white;
}
}
.slide-prev {
margin-left: 20px;
}
.slide-next {
right: 0;
margin-right: 20px;
}
.slide-prev:hover,
.cm-category-slide-prev:hover,
.slide-next:hover,
.cm-category-slide-next:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.tg-numbered-pagination {
margin-top: length( 'l-16' );
}
/* Infinite pagination */
.tg-infinite-pagination {
text-align: center;
margin-top: length( 'l-16' );
.page-numbers {
display: none;
}
.tg-load-more {
display: inline-block;
text-align: center;
font-size: 16px;
font-weight: 600;
background-color: $color__primary;
padding: 8px 16px;
border-radius: 2px;
&.loading {
cursor: default;
.tg-load-more-icon {
display: inline-block;
}
}
.tg-load-more-icon {
vertical-align: middle;
display: none;
padding-right: 5px;
}
.tg-load-more-text {
vertical-align: middle;
display: inline-block;
}
}
a,
span {
color: $color__white;
}
.spinner {
width: 16px;
height: 16px;
border: 2px solid rgba(24, 24, 24, 0.3);
border-top-color: $color__white;
border-radius: 50%;
animation: spinner 2s linear infinite;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.tg-no-more-post {
background-color: $color__primary;
}
}
.tg-infinite-pagination--scroll {
.tg-load-more {
text-align: center;
display: inline-block;
font-size: 12px;
background-color: transparent;
padding: 8px 15px;
border-radius: 3px;
&.loading {
cursor: default;
background: unset;
.tg-load-more-icon {
display: inline-block;
}
}
.tg-load-more-icon {
vertical-align: middle;
display: none;
padding-right: 5px;
}
}
.spinner {
width: 16px;
height: 16px;
border: 2px solid rgba(24, 24, 24, 0.3);
border-top-color: #808080;
border-radius: 50%;
animation: spinner 2s linear infinite;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.tg-no-more-post {
background-color: $color__primary;
}
.spinner {
width: 24px;
height: 24px;
background: unset;
}
}
@media screen and (max-width: 767px) {
.thumbnail-pagination {
li {
width: 100%;
display: block;
min-height: 70px;
&.previous {
margin-bottom: 20px;
}
}
a {
font-size: 15px;
}
}
.default-wp-page {
&.thumbnail-background-pagination {
li {
&.previous,&.next {
width: 100%;
margin: 0;
text-align: left;
a {
flex-direction: column;
align-items: flex-start;
}
}
}
}
}
}
@include breakpoint("mdm") {
.default-wp-page {
flex-direction: row;
}
}
components/menus/_common-desktop-mobile-menu.scss 0000644 00000000570 15121446245 0016270 0 ustar 00 // Common styles for desktop and mobile menu.
.cm-primary-nav {
li {
display: flex;
flex-wrap: wrap;
}
// Submenu toggle button.
.cm-submenu-toggle {
display: flex;
align-items: center;
padding-left: length( 'l-4' );
cursor: pointer;
.cm-icon {
width: length( 'l-7' );
height: length( 'l-7' );
fill: $color__white;
}
}
}
components/menus/_primary-menu.scss 0000644 00000021407 15121446245 0013551 0 ustar 00 /* Primary Menu.
--------------------------------------------- */
nav li {
> ul,
> ol {
margin: 0;
list-style: none;
}
}
.cm-primary-nav {
width: 100%;
text-align: center;
.menu {
flex: 1;
}
li {
position: relative;
font-family: "Open Sans", serif;
font-weight: 300;
padding: length( 'l-5') length( 'l-8' );
}
a {
display: flex;
color: $color__white;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 2;
}
li.default-menu {
display: none;
}
.cm-home-icon {
a {
padding: length( 'l-4' );
&:hover {
background-color: $color__primary;
}
}
}
a:hover {
color: $color__white;
}
ul {
display: none;
}
ul li {
&.current-menu-item,
&.current_page_ancestor,
&.current-menu-ancestor,
&.current_page_item,
&:hover,
&.focus {
background-color: $color__primary;
}
}
.sub-menu,
.children {
background-color: #232323;
}
ul {
li {
ul,
&:hover ul ul,
&.focus ul ul {
left: -99999px;
z-index: 100;
}
&.focus > ul {
display: block;
}
}
ul {
li:hover ul ul,
li.focus ul ul {
left: -99999px;
z-index: 100;
}
ul {
li:hover ul ul,
ul li:hover ul ul,
li:hover ul ul,
ul li:hover ul ul {
left: -99999px;
z-index: 100;
}
}
}
li:hover > ul,
li.focus > ul {
left: 0;
}
ul {
li:hover > ul,
li.focus > ul {
left: 100%;
}
ul {
li:hover > ul,
li.focus > ul {
left: 100%;
}
ul {
li:hover > ul,
ul li:hover > ul,
li.focus > ul,
ul li.focus > ul {
left: 100%;
}
}
}
}
li {
ul {
position: absolute;
flex-direction: column;
width: 200px;
top: 100%;
li {
a {
flex: 1;
border-top: none;
font-size: 14px;
height: 100%;
color: $color__white;
display: block;
text-align: left;
text-transform: none;
}
}
}
ul li {
&:hover {
color: $color__white;
background-color: $color__primary;
}
}
&.current-menu-item ul li a:hover {
color: $color__white;
background-color: $color__primary;
}
ul li ul {
left: 200px;
top: 0;
}
}
}
select {
display: none;
}
}
#cm-primary-nav {
position: relative;
z-index: 999;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
background-color: #27272A;
border-top: 4px solid $color__primary;
.cm-row {
position: relative;
display: flex;
align-items: center;
box-sizing: border-box;
}
}
.cm-home-icon {
&.front_page_on {
background-color: $color__primary;
}
svg {
display: block;
fill: $color__white;
font-size: 32px;
}
}
.sticky-wrapper {
&.is-sticky .cm-primary-nav .cm-home-icon a,
.cm-primary-nav .cm-home-icon a {
padding: 8px;
}
}
.cm-menu-primary-container {
flex-grow: 1;
flex-basis: 70%;
.sub-menu {
display: none;
}
}
li.default-menu {
display: none;
}
.cm-sub-toggle {
position: absolute;
right: 15px;
top: 12px;
display: block;
text-align: center;
height: 24px;
width: 24px;
color: $color__white;
cursor: pointer;
line-height: 21px;
.fa {
color: $color__white;
}
}
.menu-logo {
a {
padding: 0;
&:hover {
background-color: unset;
}
}
img {
width: auto;
margin-bottom: 0;
}
}
/* Toggle Menu.
--------------------------------------------- */
.top-menu-toggle {
display: none;
cursor: pointer;
}
.cm-header {
.cm-menu-toggle[aria-expanded="true"] {
.cm-icon--bars {
display: none;
}
}
.cm-menu-toggle[aria-expanded="false"] {
.cm-icon--x-mark {
display: none;
}
}
.cm-menu-toggle {
color: $color__white;
margin: 0;
text-align: center;
font-family: "Open Sans", serif;
padding-bottom: 0;
line-height: 1.2;
width: 48px;
height: 48px;
&:hover {
color: $color__white;
}
svg {
width: 48px;
height: 48px;
fill: $color__white;
padding: length( 'l-4');
&:hover {
color: $color__white;
}
}
}
.cm-mobile-nav {
ul {
&.menu-scrollbar {
overflow-y: scroll;
width: 100%;
}
}
li {
&:hover,
&.current-page-ancestor,
&.current-menu-ancestor,
&.current-page-item,
&.current-menu-item {
color: $color__white;
background-color: $color__primary;
> .cm-sub-toggle {
i {
color: $color__white;
}
}
}
}
}
}
.cm-mobile-nav {
.menu-logo {
a {
padding: 0;
}
}
.menu {
position: absolute;
top: 100%;
width: 100%;
left: 0;
right: 0;
filter: drop-shadow(0px 4px 18px rgba(153, 153, 153, 0.1));
}
.cm-menu-primary-container {
width: 100%;
position: absolute;
top: 100%;
filter: drop-shadow(0px 4px 18px rgba(153, 153, 153, 0.1))
}
.cm-menu-primary-container,
.menu {
& > ul {
width: 100%;
}
}
ul {
margin: 0;
list-style: none;
}
a {
display: block;
flex-grow: 1;
font-size: 14px;
color: $color__white;
padding: 10px 20px;
text-decoration: none;
text-transform: uppercase;
}
.cm-random-post a {
display: flex;
padding: length( 'l-4' );
height: 48px;
line-height: 1.8;
svg {
display: block;
fill: #fff;
font-size: 32px;
}
}
li {
position: relative;
display: flex;
flex-wrap: wrap;
background-color: #27272A;
border-top: 1px solid #3F3F46;
a:hover {
background-color: $color__primary;
color: $color__white;
}
}
.sub-menu {
flex-basis: 100%;
}
.cm-submenu-toggle {
display: flex;
align-items: center;
padding: length( 'l-7' );
border-left: 1px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
svg {
height: 14px;
width: 14px;
fill: $color__white;
}
}
ul ul {
a {
padding-left: 45px;
text-transform: none;
}
ul a {
padding-left: 90px;
}
}
.current_page_item > a, .current-menu-item {
background: $color__primary;
color: $color__white;
}
.cm-home-icon {
a {
padding: 8px;
}
}
}
.default-wp-page {
&.thumbnail-background-pagination {
overflow: hidden;
img {
width: 100%;
display: inline-block;
margin-bottom: 0;
}
li {
width: 50%;
transition: 0.4s all ease-in-out;
padding: 0;
position: relative;
}
a {
font-size: 18px;
color: $color__white;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
z-index: 1;
padding: 15px;
background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
.meta-nav {
display: block;
font-size: 14px;
}
&:hover {
text-decoration: none;
}
}
.previous {
width: calc(50% - 15px);
margin-right: 15px;
}
.next {
width: calc(50% - 15px);
margin-left: 15px;
text-align: right;
&:hover {
transform: translateX(0);
}
}
.previous {
&:hover {
transform: translateX(0);
}
}
}
}
/* Posts Pagination.
--------------------------------------------- */
.page-numbers {
display: flex;
align-content: space-between;
gap: 6px;
text-align: center;
a,
span {
display: block;
}
li {
display: inline-block;
&:hover {
& > a {
background-color: #ebebec;
}
}
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
& > a,
& > span {
display: flex;
align-items: center;
justify-content: space-around;
width: 32px;
height: 32px;
border-radius: 4px;
border: 1px solid $color__gray-100;
background-color: $color__white;
color: $color__gray-700;
font-size: 14px;
padding: 8px;
font-weight: 400;
}
.fa {
color: $color__gray-700;
}
}
.current {
background-color: $color__primary;
color: $color__white;
}
}
/*--------------------------------------------------------------
Styles for separating single posts loaded from ajax call.
--------------------------------------------------------------*/
.tg-autoload-posts {
.related-posts {
margin-bottom: 25px;
}
.tg-post + .tg-post {
margin-top: 15px;
padding-top: 60px;
border-top: 1px solid #f8f8f8;
}
}
#comments.comments-area {
.tg-autoload-posts & {
border-top: 1px solid transparent;
padding: 0;
}
}
@include breakpoint("mdm") {
.cm-primary-nav {
ul {
display: flex;
flex-wrap: wrap;
list-style: none;
}
}
.cm-menu-primary-container .sub-menu {
display: flex;
}
.cm-sub-toggle {
display: none;
}
}
components/header-media/_header-media.scss 0000644 00000001646 15121446245 0014612 0 ustar 00 /* Header Media.
--------------------------------------------- */
div.wp-custom-header {
position: relative;
}
iframe#wp-custom-header-video {
width: 100%;
}
video#wp-custom-header-video {
display: block;
margin: 0 auto;
overflow: hidden;
max-width: 100%;
height: auto;
}
.wp-custom-header-video-button {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 62px;
height: 50px;
font: 0/0 a;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
div#wp-custom-header:hover .wp-custom-header-video-button {
visibility: visible;
opacity: 1;
}
.wp-custom-header-video-button {
&::before {
content: "\f04b";
display: block;
font-family: FontAwesome;
font-size: 20px;
}
&.wp-custom-header-video-pause::before {
content: "\f04c";
}
}
components/smooth-image/_smooth-image.scss 0000644 00000001142 15121446245 0014751 0 ustar 00 /* Load image elements smoothly
* on page load and scroll.
--------------------------------------------- */
.tg-image-to-reveal-fade-in-up {
opacity: 0;
transform: translateY(5px);
transition: all .8s ease-out;
}
.tg-image-to-reveal-fade-in-down {
opacity: 0;
transform: translateY(-5px);
transition: all .8s ease-out;
}
.tg-image-to-reveal-fade-in {
opacity: 0;
transition: all .8s ease-out;
}
.tg-image-to-reveal-fade-in-up--is-revealed,
.tg-image-to-reveal-fade-in-down--is-revealed,
.tg-image-to-reveal-fade-in--is-revealed {
opacity: 1;
transform: translateY(0);
}
components/page-header/_breadcrumbs.scss 0000644 00000001122 15121446245 0014420 0 ustar 00 .breadcrumb-wrap {
color: $color__gray-six;
@include font-size("font-size-sm");
margin-bottom: length( 'l-15' );
padding-bottom: length( 'l-10' );
.inner-wrap {
& > span {
margin: 0 2px;
}
}
}
.breadcrumb-trail {
margin: 0;
padding: 0;
ul {
display: inline-flex;
list-style-type: none;
flex-wrap: wrap;
li {
a, &:last-child {
margin: 0 2px;
}
&::after {
content: " > ";
white-space: pre;
font-family: FontAwesome;
}
&:last-child {
&::after {
content: none;
}
}
}
}
}
components/page-header/_page-header.scss 0000644 00000000625 15121446245 0014300 0 ustar 00 .cm-page-header {
.cm-page-title {
margin-bottom: length( 'l-8' );
padding-bottom: 0;
@include font-size("font-size-md");
border-bottom: 2px solid $color__primary;
}
span {
display: inline-flex;
align-items: center;
gap: 6px;
padding: length( 'l-3' ) length( 'l-6' );
background-color: $color__primary;
color: $color__white;
}
.vcard {
padding: 0;
}
}
components/top-bar/_top-bar.scss 0000644 00000000113 15121446245 0012674 0 ustar 00 @include breakpoint("lrg") {
.social-links {
margin-top: 0;
}
}
components/top-bar/_menu.scss 0000644 00000000366 15121446245 0012306 0 ustar 00 .top-bar-menu {
text-align: center;
ul {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
list-style: none;
}
li {
&:first-child {
margin-left: 0;
}
}
a {
display: block;
}
}
components/top-bar/_header-date.scss 0000644 00000000107 15121446245 0013476 0 ustar 00 .date-in-header {
color: $color__gray-700;
text-align: center;
}
components/top-bar/_breaking-news.scss 0000644 00000001434 15121446245 0014073 0 ustar 00 .breaking-news {
position: relative;
display: flex;
margin-top: length( 'l-5' );
padding-left: length( 'l-4' );
padding-right: length( 'l-4' );
background-color: $color__gray-50;
font-size: 14px;
line-height: 20px;
word-wrap: break-word;
.breaking-news-main & {
display: inline-flex;
}
div {
display: inline-block;
word-wrap: break-word;
}
li {
line-height: 20px;
}
}
.breaking-news-latest {
position: relative;
color: $color__gray-four;
}
.newsticker {
max-width: 240px;
overflow: hidden;
margin-left: length( 'l-2' );
height: 20px;
}
/* Below Navigation */
.breaking-news-main {
margin-bottom: 1%;
padding-bottom: length( 'l-15' );
}
@include breakpoint("mdm") {
.breaking-news {
margin-top: 0;
}
}
style-editor-block.scss 0000644 00000054565 15121446245 0011200 0 ustar 00 /* Basic Block Editor CSS */
.editor-styles-wrapper {
background-color: #ffffff;
color: #444444;
font-size: 16px;
font-family: 'Open Sans', serif;
line-height: 1.6;
word-wrap: break-word;
>* {
font-family: 'Open Sans', serif;
color: #444444;
}
.wp-block.editor-post-title__block {
.editor-post-title__input {
padding: 5px 0 0;
font-size: 32px;
line-height: 1.2;
color: #333333;
font-weight: normal;
}
}
.wp-block[data-align="wide"] {
max-width: 1200px;
}
/* Theme specific CSS */
/* Headings */
.wp-block {
h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 42px;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 38px;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 34px;
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 30px;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
}
blockquote.has-text-align-right {
border-right: 0;
border-left: 0;
padding: 30px 30px 20px 45px;
}
button {
&:not(.components-button) {
margin-bottom: 30px;
padding: 10px 20px;
background-color: #207DAF;
border: 0px;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 18px;
appearance: none !important;
cursor: pointer;
display: inline-block;
color: #ffffff;
background-color: #33363b;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
}
.mce-widget {
button {
font-size: 13px;
line-height: 1.53846153;
padding: 2px 3px;
box-shadow: none;
background-color: transparent;
color: #595959;
margin-bottom: 0;
appearance: inherit !important;
cursor: inherit;
}
}
th {
font-weight: bold;
border: 1px solid #eaeaea;
padding: 6px 10px;
text-align: left;
}
td {
border: 1px solid #eaeaea;
padding: 6px 10px;
text-align: left;
}
caption {
text-align: left;
}
.mce-content-body {
.alignleft {
display: inline;
float: left;
margin-right: 30px;
}
.alignright {
display: inline;
float: right;
margin-left: 30px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
}
.gallery-columns-3 {
.gallery-item {
padding: 15px 1%;
width: 33.33%;
}
}
.gallery-columns-4 {
.gallery-item {
padding: 15px 1%;
width: 25%;
}
}
.gallery-columns-5 {
.gallery-item {
padding: 15px 1%;
width: 20%;
}
}
.gallery-columns-6 {
.gallery-item {
padding: 10px 0.5%;
width: 16.66%;
}
}
.gallery-columns-7 {
.gallery-item {
padding: 10px 0.5%;
width: 14.28%;
}
}
.gallery-columns-8 {
.gallery-item {
padding: 10px 0.5%;
width: 12.5%;
}
}
.gallery-columns-9 {
.gallery-item {
padding: 10px 0.5%;
width: 11.11%;
}
}
.gallery-columns-2 {
.gallery-item {
width: 50%;
}
}
}
h1.wp-block {
margin-top: 0;
margin-bottom: 0;
}
h2.wp-block {
margin-top: 0;
margin-bottom: 0;
}
h3.wp-block {
margin-top: 0;
margin-bottom: 0;
}
h4.wp-block {
margin-top: 0;
margin-bottom: 0;
}
h5.wp-block {
margin-top: 0;
margin-bottom: 0;
}
h6.wp-block {
margin-top: 0;
margin-bottom: 0;
}
h1 {
padding-bottom: 18px;
color: #333333;
font-weight: normal;
line-height: 1.2;
}
h2 {
padding-bottom: 18px;
color: #333333;
font-weight: normal;
line-height: 1.2;
}
h3 {
padding-bottom: 18px;
color: #333333;
font-weight: normal;
line-height: 1.2;
}
h4 {
padding-bottom: 18px;
color: #333333;
font-weight: normal;
line-height: 1.2;
}
h5 {
padding-bottom: 18px;
color: #333333;
font-weight: normal;
line-height: 1.2;
}
h6 {
padding-bottom: 18px;
color: #333333;
font-weight: normal;
line-height: 1.2;
}
/* Horizontal Lines */
hr {
background-color: #eaeaea;
border: 0;
height: 1px;
margin: 30px 0;
}
hr.is-style-dots {
height: auto;
}
p {
margin-bottom: 15px;
font-size: 15px;
}
strong {
font-weight: bold;
}
cite {
font-style: italic;
}
em {
font-style: italic;
}
i {
font-style: italic;
}
code {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
kbd {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
var {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
samp {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
tt {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
abbr {
border-bottom: 1px dotted #777777;
cursor: help;
}
acronym {
border-bottom: 1px dotted #777777;
cursor: help;
}
dfn {
border-bottom: 1px dotted #777777;
cursor: help;
}
address {
display: block;
font-style: italic;
margin: 0 0 15px;
}
ins {
background: #f8f8f8;
}
/* Tables */
table {
margin: 0 0 1.5em;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5em;
width: 100%;
}
sup {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
bottom: 1ex;
}
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
top: .5ex;
}
dl {
margin-bottom: 24px;
}
dt {
font-weight: bold;
margin-bottom: 5px;
}
dd {
margin-bottom: 24px;
}
ul {
list-style: none;
list-style: square;
}
ol {
list-style: none;
list-style: decimal;
}
li {
>ul {
margin: 0 0 0 10px;
}
>ol {
margin: 0 0 0 10px;
}
font-size: 15px;
line-height: 1.3;
}
pre {
background-color: #ffffff;
margin-bottom: 20px;
overflow: auto;
padding: 20px;
border: 1px solid #eaeaea;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
blockquote {
padding: 30px 30px 20px 45px;
margin-bottom: 20px;
background-color: #207DAF;
color: #ffffff;
border-radius: 5px;
border-left: 0;
p {
line-height: 1.4;
position: relative;
padding-top: 0;
padding-left: 15px;
&::before {
content: "\f10d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #ffffff;
font-size: 32px;
position: absolute;
top: -27px;
left: -27px;
}
}
a {
color: #ffffff;
text-decoration: underline;
}
em {
color: #ffffff;
text-decoration: underline;
}
i {
color: #ffffff;
text-decoration: underline;
}
cite {
color: #ffffff;
text-decoration: underline;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
float: right;
}
}
blockquote.is-style-large {
padding: 30px 30px 20px 45px;
margin-bottom: 20px;
background-color: #207DAF;
color: #ffffff;
border-radius: 5px;
border-left: 0;
p {
line-height: 1.4;
position: relative;
padding-top: 0;
padding-left: 15px;
&::before {
content: "\f10d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #ffffff;
font-size: 32px;
position: absolute;
top: -27px;
left: -27px;
}
}
a {
color: #ffffff;
text-decoration: underline;
}
em {
color: #ffffff;
text-decoration: underline;
}
i {
color: #ffffff;
text-decoration: underline;
}
cite {
color: #ffffff;
text-decoration: underline;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
float: right;
}
}
input[type="search"] {
appearance: none !important;
appearance: none !important;
padding: 1%;
border: 1px solid #eaeaea;
line-height: 20px;
width: 95%;
margin: 0 0 30px;
background-color: #f8f8f8;
border-radius: 3px;
&:focus {
border: 1px solid #eaeaea;
}
}
input[type="text"] {
appearance: none !important;
padding: 1%;
border: 1px solid #eaeaea;
line-height: 20px;
width: 95%;
margin: 0 0 30px;
background-color: #f8f8f8;
border-radius: 3px;
&:focus {
border: 1px solid #eaeaea;
}
}
input[type="email"] {
appearance: none !important;
padding: 1%;
border: 1px solid #eaeaea;
line-height: 20px;
width: 95%;
margin: 0 0 30px;
background-color: #f8f8f8;
border-radius: 3px;
&:focus {
border: 1px solid #eaeaea;
}
}
input[type="url"] {
appearance: none !important;
padding: 1%;
border: 1px solid #eaeaea;
line-height: 20px;
width: 95%;
margin: 0 0 30px;
background-color: #f8f8f8;
border-radius: 3px;
&:focus {
border: 1px solid #eaeaea;
}
}
textarea {
appearance: none !important;
padding: 1%;
border: 1px solid #eaeaea;
line-height: 20px;
width: 95%;
margin: 0 0 30px;
background-color: #f8f8f8;
border-radius: 3px;
&:focus {
border: 1px solid #eaeaea;
}
}
input[type="password"] {
&:focus {
border: 1px solid #eaeaea;
}
}
input[type="reset"] {
margin-bottom: 30px;
padding: 10px 20px;
background-color: #207DAF;
border: 0px;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 18px;
appearance: none !important;
cursor: pointer;
display: inline-block;
color: #ffffff;
&:hover {
background-color: #33363b;
}
&:active {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
}
input[type="button"] {
margin-bottom: 30px;
padding: 10px 20px;
background-color: #207DAF;
border: 0px;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 18px;
appearance: none !important;
cursor: pointer;
display: inline-block;
color: #ffffff;
&:hover {
background-color: #33363b;
}
&:active {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
}
input[type="submit"] {
margin-bottom: 30px;
padding: 10px 20px;
background-color: #207DAF;
border: 0px;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 18px;
appearance: none !important;
cursor: pointer;
display: inline-block;
color: #ffffff;
&:hover {
background-color: #33363b;
}
&:active {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
}
a {
color: #207DAF;
text-decoration: none;
&:hover {
text-decoration: underline;
}
&:focus {
text-decoration: underline;
}
&:active {
text-decoration: underline;
}
}
th {
font-weight: bold;
border: 1px solid #eaeaea;
padding: 6px 10px;
text-align: left;
}
td {
border: 1px solid #eaeaea;
padding: 6px 10px;
text-align: left;
}
caption {
text-align: left;
}
th.has-text-align-center {
text-align: center;
}
td.has-text-align-center {
text-align: center;
}
th.has-text-align-right {
text-align: right;
}
td.has-text-align-right {
text-align: right;
}
.alignleft {
display: inline;
float: left;
margin-right: 30px;
}
.alignright {
display: inline;
float: right;
margin-left: 30px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
embed {
max-width: 100%;
}
iframe {
max-width: 100%;
}
object {
max-width: 100%;
}
.wp-caption {
border: 1px solid #cccccc;
margin-bottom: 1.5rem;
max-width: 100%;
img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
dt {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
}
.wp-caption-dd {
text-align: center;
margin: 0.8075rem 0;
}
.wp-caption-text {
margin: 0.8075rem 0;
}
}
.wp-caption-text {
text-align: center;
}
.gallery {
margin: 0 auto 15px;
.gallery-caption {
font-size: 12px;
line-height: 1.2;
padding-top: 5px;
}
}
.gallery-item {
display: inline-block;
padding: 15px 2%;
text-align: center;
vertical-align: top;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-icon {
img {
margin: 0 auto;
}
}
.wp-block-gallery {
ol {
margin: 0;
}
ul {
margin: 0;
}
}
}
.wp-block {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.wp-block-freeform.block-library-rich-text__tinymce {
blockquote {
padding: 30px 30px 20px 45px;
margin-bottom: 20px;
background-color: #207DAF;
color: #ffffff;
border-radius: 5px;
border-left: 0;
p {
line-height: 1.4;
position: relative;
padding-top: 0;
padding-left: 15px;
margin-top: 0;
margin-bottom: 0;
&::before {
content: "\f10d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #ffffff;
font-size: 32px;
position: absolute;
top: -27px;
left: -27px;
}
}
a {
color: #ffffff;
text-decoration: underline;
}
em {
color: #ffffff;
text-decoration: underline;
}
i {
color: #ffffff;
text-decoration: underline;
}
cite {
color: #ffffff;
text-decoration: underline;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
float: right;
}
}
blockquote.is-style-large {
p {
margin-top: 0;
margin-bottom: 0;
}
}
}
.block-editor-default-block-appender {
.block-editor-inserter__toggle.components-button {
padding: inherit;
}
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.aligncenter,
.wp-block-image.alignleft,
.wp-block-image.alignright {
display: table;
}
.wp-embed-responsive {
.editor-styles-wrapper {
padding-left: 16px;
padding-right: 16px;
}
}
/* Links */
.wp-block-file {
.wp-block-file__textlink {
color: #207DAF;
text-decoration: none;
}
}
@media only screen and (max-width: 600px) {
.editor-styles-wrapper {
.wp-block {
.gallery-columns-4 {
.gallery-item {
width: 25%;
}
}
.gallery-columns-5 {
.gallery-item {
width: 25%;
}
}
.gallery-columns-6 {
.gallery-item {
width: 25%;
}
}
.gallery-columns-7 {
.gallery-item {
width: 25%;
}
}
.gallery-columns-8 {
.gallery-item {
width: 25%;
}
}
.gallery-columns-9 {
.gallery-item {
width: 25%;
}
}
}
}
}
@media only screen and (max-width: 420px) {
.editor-styles-wrapper {
.wp-block {
.gallery-columns-4 {
.gallery-item {
width: 33.33%;
}
}
.gallery-columns-5 {
.gallery-item {
width: 33.33%;
}
}
.gallery-columns-6 {
.gallery-item {
width: 33.33%;
}
}
.gallery-columns-7 {
.gallery-item {
width: 33.33%;
}
}
.gallery-columns-8 {
.gallery-item {
width: 33.33%;
}
}
.gallery-columns-9 {
.gallery-item {
width: 33.33%;
}
}
}
}
}
/* Support Magazine Blocks */
[class*='mzb'] {
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 0;
}
a:hover {
text-decoration: none;
}
.mzb-post-list,
.mzb-tab-post,
.mzb-featured-categories,
.mzb-banner-posts {
.mzb-post-title {
margin-bottom: 10px;
}
}
}
.editor-styles-wrapper {
.components-placeholder {
&.mzb-section-preset {
.mzb-section-preset-btn {
padding: 0 !important;
background-color: rgba(0, 0, 0, 0) !important;
display: inline-flex;
cursor: pointer;
outline: none;
border: none;
}
}
}
}
woocommerce.scss 0000644 00000001531 15121446245 0007764 0 ustar 00
// WooCommerce color variables
$woocommerce__color-error: #e2401c;
$woocommerce__color-success: #c7ab62;
$woocommerce__color-info: #ebebec;
/* Import variables and mixins.
--------------------------------------------- */
@import "abstracts/abstracts";
/**
* Products.
*/
@import "plugins/woocommerce/products";
/**
* Single product.
*/
@import "plugins/woocommerce/single-product";
/**
* General WooCommerce components.
*/
@import "plugins/woocommerce/components";
/**
* Cart.
*/
@import "plugins/woocommerce/cart";
/**
* Shop tables.
*/
@import "plugins/woocommerce/tables";
/**
* Checkout.
*/
@import "plugins/woocommerce/checkout";
/**
* Account Page.
*/
@import "plugins/woocommerce/account-page";
/**
* Account Page.
*/
@import "plugins/woocommerce/login-page";
fonts/_fonts.scss 0000644 00000005233 15121446245 0010071 0 ustar 00 /* Fonts.
--------------------------------------------- */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Bold.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-BoldItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-ExtraBold.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-ExtraBoldItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Italic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-LightItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-MediumItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-SemiBold.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-SemiBoldItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-VariableFont.woff) format('woff');
}
layouts/footer/_footer-bar.scss 0000644 00000003575 15121446245 0012654 0 ustar 00 /* Footer Bar.
--------------------------------------------- */
.cm-footer-bar {
padding-top: length( 'l-12', em );
padding-bottom: length( 'l-12', em );
background-color: $color__gray-800;
color: $color__gray-100;
.cm-row {
@include font-size('font-size-xs');
}
a {
color: $color__primary;
&:hover {
color: $color__white;
text-decoration: underline;
}
}
}
.cm-footer-bar__1 {
display: flex;
flex-direction: column;
gap: 8px;
}
.cm-footer-bar-area {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
gap: 24px;
}
.cm-footer-bar-style-1 {
.social-links {
ul {
justify-content: center;
}
}
}
.cm-footer-bar-style-2 {
.cm-footer-bar-area {
flex-direction: column-reverse;
}
.cm-footer-bar__1 {
display: flex;
order: 2;
.cm-footer-menu {
&:first-child {
padding-left: 0;
}
}
}
.social-links {
text-align: left;
ul {
justify-content: center;
}
}
}
.cm-footer-bar-style-3 {
.cm-footer-bar-area {
flex-direction: column;
text-align: center;
}
.cm-footer-bar__1 {
.social-links {
text-align: center;
}
.cm-footer-menu {
&:first-child {
padding-left: 0;
}
}
}
}
@include breakpoint("mdm") {
.cm-footer-bar-area {
flex-direction: row-reverse;
text-align: left;
}
.cm-footer-bar-style-2 {
.cm-footer-bar-area {
flex-direction: row-reverse;
justify-content: space-between;
}
}
.cm-footer-bar-style-1 {
.social-links {
ul {
justify-content: flex-end;
}
}
}
.cm-footer-bar-style-2 {
.social-links {
ul {
justify-content: flex-start;
}
}
}
}
layouts/footer/_footer.scss 0000644 00000014216 15121446245 0012104 0 ustar 00 /* General Styles.
--------------------------------------------- */
.cm-footer {
.widget {
display: block;
ul {
li {
padding: length( 'l-4', px ) 0;
font-weight: 600;
border-bottom: 1px solid $color__gray-600;
&:last-child {
border-bottom: none;
}
}
}
}
.cm-upper-footer-cols {
.widget {
background-color: $color__gray-800;
border-radius: 4px;
padding: length("l-6", px);
}
.cm-entry-title {
a {
color: $color__white;
}
}
.cm-random-posts {
padding: 0;
}
.cm-first-post {
.cm-post-content {
margin-top: 12px;
padding: 0;
}
}
.cm-icon {
fill: $color__white;
}
.cm-post {
box-shadow: unset;
}
.cm-featured-posts--style-3 {
img {
border-radius: 4px;
}
}
}
.cm-footer-menu {
ul {
li {
a {
color: $color__white;
text-decoration: none;
&:hover {
color: $color__primary;
}
}
}
}
}
}
/* Footer column. */
.cm-footer-cols {
background-color: $color__gray-700;
.cm-row {
display: flex;
flex-direction: column;
gap: length("l-20");
padding-top: length("l-20", px);
padding-bottom: length("l-20", px);
color: $color__gray-200;
}
.cm-widget-title {
border-bottom: 2px solid $color__primary;
@include font-size("font-size-xs");
span {
display: inline-block;
padding: 6px 12px;
background-color: $color__primary;
color: $color__white;
@include font-size("font-size-sm");
}
}
a,
.human-diff-time {
color: $color__white;
&:hover {
color: $color__primary;
}
}
ul {
list-style: none;
}
.cm-reading-time {
color: $color__white;
}
.cm-tab-widget {
.cm-tabs a:hover {
color: $color__white;
}
}
}
.cm-upper-footer-cols {
display: flex;
flex-direction: column;
gap: 30px;
.cm-post-date a,
.cm-author a,
.cm-tag-links a,
.cm-edit-link a,
.cm-comments-link a {
color: $color__white;
}
.cm-featured-posts {
.cm-below-entry-meta {
margin-bottom: 0;
}
}
.cm-posts {
img {
border-radius: 4px;
}
}
}
.cm-lower-footer-cols {
gap: 30px;
@include font-size("font-size-xs");
width: 100%;
}
.cm-lower-footer-cols,
.cm-lower-footer-col {
display: flex;
flex-direction: column;
}
.cm-upper-footer-col--1,
.cm-upper-footer-col--2,
.cm-upper-footer-col--3 {
width: 100%;
}
/*--------------------------------------------------------------
Classic Layout
--------------------------------------------------------------*/
.colormag-footer--classic {
.cm-footer-cols .cm-row {
.cm-widget-title {
border-bottom: 0 none;
span {
background-color: transparent !important;
padding: 0 0 6px;
position: relative;
&::before {
position: absolute;
display: block;
bottom: -1px;
content: " ";
left: 0;
width: 25px;
height: 2px;
background-color: $color__primary;
}
}
}
.cm-view-all-link {
background-color: $color__gray-900;
}
}
.cm-footer-bar {
background-color: $color__background-footer-socket;
padding: 20px 0;
}
}
/*--------------------------------------------------------------
Classic Bordered Layout
--------------------------------------------------------------*/
.colormag-footer--classic-bordered {
.cm-widget-title {
border-bottom: 0 none;
background-color: transparent !important;
position: relative;
border-bottom: 1px solid $color__gray-600 !important;
&::before {
position: absolute;
display: block;
bottom: -1px;
content: " ";
left: 0;
width: 25px;
height: 2px;
background-color: $color__primary;
}
span {
background-color: transparent !important;
padding-left: 0;
}
}
.cm-view-all-link {
margin-bottom: 0;
}
.cm-footer-bar {
padding-top: 0;
.cm-footer-bar-area {
padding-top: 20px;
border-top: 1px solid $color__gray-600;
}
}
}
#cm-footer {
&.colormag-footer--classic,
&.colormag-footer--classic-bordered {
.cm-random-posts {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
gap: 16px;
.cm-post {
padding-bottom: length( 'l-8' );
border-bottom: 1px solid $color__gray-600;
&:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
}
}
.cm-featured-posts {
.cm-post {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
border-radius: 0;
}
}
.cm-posts {
.cm-post {
border-bottom: 1px solid $color__gray-600;
padding-bottom: length( 'l-8' );
&:last-child {
border-bottom: none;
padding-bottom: 0;
}
}
}
.cm-first-post {
border-bottom: 1px solid $color__gray-600;
.cm-post-content {
padding: 0 0 5px;
}
}
.cm-featured-posts--style-2,
.cm-featured-posts--style-3 {
.cm-posts {
gap: 16px;
}
img {
border-radius: 4px;
}
}
}
}
/* Footer Menu.
--------------------------------------------- */
.cm-footer-menu {
ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 16px;
row-gap: 4px;
list-style: none;
li {
font-size: 12px;
}
}
}
/* Footer Advertisement Area.
--------------------------------------------- */
.advertisement_above_footer {
background-color: $color__white;
.cm-widget-title {
border-bottom: 2px solid $color__primary;
font-size: 18px;
margin-bottom: length( 'l-8' );
padding-bottom: 0;
span {
background-color: $color__primary;
color: $color__white;
padding: 6px 12px;
display: inline-block;
}
}
}
@include breakpoint("lrg") {
.cm-upper-footer-cols {
flex-direction: row;
justify-content: space-between;
}
.cm-upper-footer-col--1,
.cm-upper-footer-col--2,
.cm-upper-footer-col--3 {
width: 31.578947%;
}
.cm-lower-footer-cols {
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
.cm-lower-footer-col {
flex: 1;
}
.cm-lower-footer-col--1 {
flex-basis: 20%;
}
}
}
layouts/footer/_scroll-to-top.scss 0000644 00000000662 15121446245 0013324 0 ustar 00 /* Scroll to Top.
--------------------------------------------- */
a#scroll-up {
bottom: 20px;
position: fixed;
right: 20px;
display: none;
opacity: 0.5;
z-index: 999;
filter: alpha(opacity=50);
padding: 10px;
border-radius: 3px;
/* For IE8 and earlier */
i {
font-size: 32px;
color: $color__primary;
}
&:hover {
opacity: 1;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
}
layouts/page-templates/_page-builder.scss 0000644 00000000421 15121446245 0014551 0 ustar 00 .page-template-page-builder {
.cm-primary {
float: none;
width: 100%;
}
.cm-content {
padding-top: 0;
padding-bottom: 0;
}
}
.home {
&.page-template-page-builder {
.cm-primary {
.cm-posts {
display: block;
}
}
}
}
layouts/post-format/_post-format.scss 0000644 00000001216 15121446245 0014032 0 ustar 00 /* Post Format: Link.
--------------------------------------------- */
.format-link {
.cm-entry-summary {
p {
text-align: center;
padding-top: length( 'l-15' );
}
a {
display: inline-block;
padding: 15px 40px;
background-color: $color__primary;
color: $color__white;
border-radius: 3px;
text-decoration: underline;
text-transform: uppercase;
transition: background-color 0.3s linear 0s;
&:hover {
background-color: #33363b;
}
}
}
}
/* Post Format: Aside.
--------------------------------------------- */
.format-aside {
.cm-entry-header {
display: none;
}
}
layouts/blog/_blog.scss 0000644 00000004015 15121446245 0011152 0 ustar 00 .cm-posts {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
position: relative;
.post {
overflow: hidden;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
border-radius: 4px;
}
}
.cm-post {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
border-radius: 4px;
a {
position: relative;
display: block;
}
&:hover {
.play-button-wrapper {
background-color: #207DAF;
}
}
}
.post {
&:hover {
.play-button-wrapper {
background-color: #207daf;
}
}
}
.cm-reading-time::before {
color: #71717a;
}
.cm-highlight-post {
.post:first-child,
.page:first-child {
grid-column: 1/-1;
.cm-entry-title {
font-size: 32px;
}
}
}
.cm-post-categories {
display: inline-flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
a {
display: inline-block;
padding: length( 'l-2', px ) length( 'l-4', px);
background-color: $color__primary;
color: $color__white;
font-size: 10px;
text-transform: uppercase;
border-radius: 2px;
line-height: 1.8;
}
}
.featured-image-caption {
font-style: italic;
font-size: 14px;
padding: 10px 0 0 15px;
display: block;
color: #444444;
}
.human-diff-time {
font-size: 12px;
color: $color__gray-500;
.cm-post-date {
&:not( .human-diff-time-display ) {
display: none;
}
}
.human-diff-time-display {
&:hover {
color: $color__primary;
cursor: pointer;
}
}
}
.cm-tag-links a,
.cm-edit-link a {
color: $color__gray-500;
}
.cm-post-content,
.single-title-above {
padding: 20px;
}
.cm-entry-summary {
ul {
padding: 0 0 0 30px;
margin-bottom: 30px;
}
ol {
padding: 0 0 0 30px;
margin-bottom: 30px;
}
li {
> {
ul, ol {
margin-bottom: 0;
}
}
}
}
ul.blocks-gallery-grid,
ul.wp-block-gallery {
padding: 0;
img {
margin-bottom: 0;
}
}
@include breakpoint("mdm") {
.cm-posts {
grid-template-columns: repeat(var(--grid-column, 1), 1fr);
}
}
layouts/blog/layouts/_layout-1.scss 0000644 00000000750 15121446245 0013404 0 ustar 00 .cm-posts {
&.cm-layout-1-style-1 {
--grid-column: 1;
}
}
.cm-layout-1-style-1 {
.post {
display: flex;
flex-direction: column;
&:first-child {
padding: 0;
}
}
.cm-featured-image {
flex-basis: 50%;
img {
width: 100%;
}
}
.cm-post-content {
flex: 1;
align-items: center;
padding: length( 'l-10' );
}
}
@include breakpoint("mdm") {
.cm-layout-1-style-1 {
.post {
flex-direction: row;
}
}
}
layouts/blog/layouts/_layout-2.scss 0000644 00000001262 15121446245 0013404 0 ustar 00 .cm-posts {
&.cm-layout-2-style-1 {
.post:first-child,
.page:first-child {
grid-column: 1/-1;
}
}
&.cm-layout-2-style-2,
&.cm-layout-2-style-1 {
grid-template-columns: repeat(var(--grid-column, 1), 1fr);
&.col-2 {
--grid-column: 1;
}
&.col-3 {
--grid-column: 1;
}
&.col-4 {
--grid-column: 1;
}
}
}
@include breakpoint("mdm") {
.cm-posts {
&.cm-layout-2-style-2,
&.cm-layout-2-style-1 {
grid-template-columns: repeat(var(--grid-column, 1), 1fr);
&.col-2 {
--grid-column: 2;
}
&.col-3 {
--grid-column: 3;
}
&.col-4 {
--grid-column: 4;
}
}
}
}
layouts/blog/_single-post.scss 0000644 00000013744 15121446245 0012504 0 ustar 00 .single {
.cm-posts {
.tags a {
border: 1px solid $color__gray-200;
padding: 3px 5px;
border-radius: 3px;
color: #777777;
&:hover {
color: $color__primary;
text-decoration: none;
}
}
}
.cm-entry-header {
.cm-entry-title {
@include font-size("font-size-xxl");
}
}
}
/* Author Box.
--------------------------------------------- */
.author-box {
padding: 2%;
width: 96%;
display: inline-block;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.author-description-wrapper {
float: right;
width: 85%;
}
.author-img {
img {
width: 94px;
margin-right: 15px;
}
}
.author-name {
padding-bottom: 10px;
}
.author-description-wrapper .author-url {
display: inline-block;
margin-top: 5px;
width: 100%;
a {
display: inline-block;
margin-top: 5px;
width: 100%;
}
}
.share {
.fa-twitter {
color: #55acee;
}
.fa-facebook-square {
color: #3b5998;
}
.fa-google-plus-square {
color: #dd4b39;
}
.fa-pinterest {
color: #cc2127;
}
.fa-envelope {
color: #000;
}
}
.author-box {
margin-top: 30px;
.author-social-sites {
list-style-type: none;
}
&.author-bio-style-2 {
.author-name {
float: left;
}
.author-social-sites {
float: right;
}
.author-description {
display: inline-block;
}
}
&.author-bio-style-3 {
.author-social-sites {
float: left;
}
.author-description {
display: inline-block;
}
}
}
/* Related Posts.
--------------------------------------------- */
.related-posts-main-title {
margin-bottom: length('l-15');
.fa {
color: $color__primary;
}
span {
font-size: 26px;
padding-left: 10px;
}
}
.single-related-posts {
width: 100%;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
border-radius: 4px;
overflow: hidden;
.cm-post-content {
padding: length('l-10')
}
.cm-author {
display: none;
}
.cm-post-content {
.cm-entry-title {
font-size: 20px;
margin-bottom: length('l-8');
}
}
img {
width: 100%;
}
}
.related-posts-wrapper {
position: relative;
margin-top: 30px;
.related-posts {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
.related-post-carousel {
visibility: hidden;
height: 0;
}
&.style-1 {
.cm-below-entry-meta {
margin-bottom: 0;
}
}
&.style-2 {
.single-related-posts {
display: grid;
grid-template-columns: 1fr;
}
.related-posts {
grid-template-columns: 1fr;
}
}
&.style-3 {
.related-posts {
grid-template-columns: 1fr;
gap: 12px;
}
.single-related-posts {
width: 100%;
box-shadow: none;
}
.cm-post-content {
padding: 0;
.cm-entry-title {
padding: 0;
font-size: 16px;
margin-bottom: 0;
a {
position: relative;
margin-left: 20px;
&::before {
display: block;
content: "";
background: #333333;
height: 8px;
width: 8px;
top: 50%;
position: absolute;
transform: translateY(-50%);
}
&:hover {
&::before {
background: $color__primary;
}
}
}
}
}
}
&.style-4 {
.related-posts {
display: block;
.cm-below-entry-meta {
margin-bottom: 0;
}
}
}
}
/* Related Posts Flyout.
--------------------------------------------- */
.related-posts-wrapper-flyout {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
background-color: $color__gray-ten;
position: fixed;
bottom: 0;
right: 0;
width: 420px;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: 0.2s all ease-in-out;
&.flyout {
opacity: 1;
visibility: visible;
transform: translateY(0);
z-index: 10;
}
.flyout-related-post-close {
float: right;
cursor: pointer;
}
.related-posts-flyout-main-title {
font-size: 18px;
padding: 20px 30px;
background-color: #2c2e34;
color: #ffffff;
}
.related-posts-flyout {
padding: 30px;
}
.single-related-posts-flyout {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
.related-posts-thumbnail {
float: left;
margin-right: 15px;
width: 130px;
}
.cm-post-content {
min-height: 90px;
padding: 8px;
}
.cm-entry-title {
font-size: 14px;
line-height: 1.6;
padding-bottom: 0;
a {
color: #232323;
&:hover {
color: $color__primary;
}
}
}
.cm-author {
display: none;
}
}
/* Social Sharing.
--------------------------------------------- */
.share-buttons {
display: inline-block;
margin-top: length('l-12');
}
.box {
border: 1px solid $color__gray-200;
border-radius: 3px;
display: inline-block;
}
.count {
background: none repeat scroll 0 0 #f2f2f2;
color: $color__primary;
float: right;
font-size: 22px;
padding: 0 16px;
}
.share {
float: left;
margin-right: 10px;
}
#twitter,
#facebook,
#googleplus,
#pinterest,
#email {
float: left;
&.share {
margin-right: 0;
padding: 0 10px;
cursor: pointer;
}
}
/* Author Social Sites.
--------------------------------------------- */
.author-social-sites {
li {
float: left;
}
.fa-twitter,
.fa-facebook,
.fa-google-plus,
.fa-flickr,
.fa-linkedin,
.fa-instagram,
.fa-youtube,
.fa-tumblr {
font-size: 25px;
padding: 5px;
}
.fa-twitter {
color: #55acee;
}
.fa-facebook {
color: #3b5998;
}
.fa-google-plus {
color: #dd4b39;
}
.fa-flickr {
color: #006399;
}
.fa-linkedin {
color: #007bb6;
}
.fa-instagram {
color: #9c7c6e;
}
.fa-youtube {
color: #e02a20;
}
.fa-tumblr {
color: #45556c;
}
}
@include breakpoint("mdm") {
.related-posts-wrapper {
.related-posts {
grid-template-columns: repeat(3, 1fr);
}
&.style-2 {
.single-related-posts {
grid-template-columns: 50% 50%;
}
}
}
} layouts/sidebar/_right-sidebar.scss 0000644 00000000000 15121446245 0013427 0 ustar 00 layouts/sidebar/_no-sidebar.scss 0000644 00000002742 15121446245 0012745 0 ustar 00 .no-sidebar {
.cm-primary {
margin: 0 auto;
}
}
.no-sidebar-full-width .cm-primary {
width: 100%;
padding: 0;
}
.no-sidebar .cm-secondary,
.no-sidebar-full-width .cm-secondary {
display: none;
}
.no-sidebar-full-width,
.no-sidebar {
overflow: hidden;
.cm-primary {
.cm-entry-summary {
> .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: unset;
&.wp-block-cover,
&.wp-block-cover-image {
width: unset;
}
}
> .alignwide {
margin-left: -100px;
margin-right: -100px;
max-width: unset;
}
}
}
&.box-layout {
.cm-content {
overflow: hidden;
}
.cm-primary {
.cm-entry-summary {
> .alignfull {
margin-left: -30px;
margin-right: -30px;
&.wp-block-cover,
&.wp-block-cover-image {
width: unset;
}
}
> .alignwide {
margin-left: -30px;
margin-right: -30px;
max-width: unset;
}
}
}
}
}
@media screen and (max-width: 1200px) {
.no-sidebar-full-width {
.cm-primary {
.cm-entry-summary {
> .alignwide {
margin-left: -20px;
margin-right: -20px;
}
}
}
}
.no-sidebar {
.cm-primary {
.cm-entry-summary {
> .alignwide {
margin-left: -50px;
margin-right: -50px;
}
> .alignfull {
margin-left: -100px;
margin-right: -100px;
}
}
}
}
}
layouts/sidebar/_two-sidebars.scss 0000644 00000001337 15121446245 0013324 0 ustar 00 .tg-site-layout--2-sidebars {
.cm-primary,
.cm-secondary,
#cm-tertiary {
width: 100%;
}
}
@include breakpoint("mdm") {
.tg-site-layout--2-sidebars {
.cm-content .cm-row {
flex-direction: row;
}
.cm-primary {
width: 40%;
padding-right: length( 'l-15', px );
}
#cm-tertiary {
float: left;
width: 20%;
padding-right: length( 'l-15', px );
}
.cm-secondary {
width: 20%;
}
}
}
@include breakpoint("lrg") {
.tg-site-layout--2-sidebars {
.cm-primary {
width: 45.6140352%;
}
#cm-tertiary {
float: left;
width: 27.19298245%;
padding-right: length( 'l-15', px );
}
.cm-secondary {
width: 27.19298245%;
}
}
}
layouts/sidebar/_sidebar.scss 0000644 00000001273 15121446245 0012331 0 ustar 00 @media screen and (max-width: 768px) {
.cm-primary,
.cm-secondary {
width: 100%;
}
.no-sidebar-full-width,
.no-sidebar {
.cm-primary {
.cm-entry-summary {
> .alignwide {
margin-left: -15px;
margin-right: -15px;
}
}
}
&.box-layout {
.cm-primary {
.cm-entry-summary {
> .alignwide {
margin-left: -15px;
margin-right: -15px;
}
> .alignfull {
margin-left: -30px;
margin-right: -30px;
}
}
}
}
}
.no-sidebar {
.cm-primary {
.cm-entry-summary {
> .alignfull {
margin-left: -15px;
margin-right: -15px;
}
}
}
}
}
layouts/sidebar/_left-sidebar.scss 0000644 00000000337 15121446245 0013261 0 ustar 00 @include breakpoint("mdm") {
.left-sidebar {
.cm-content {
.cm-row {
flex-direction: row-reverse;
}
.cm-primary {
padding-right: 0;
padding-left: length( 'l-15' );
}
}
}
}
layouts/pages/_search.scss 0000644 00000001113 15121446245 0011644 0 ustar 00 /* Search.
--------------------------------------------- */
.search {
.status-publish {
margin-bottom: length( 'l-15' );
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
width: 48.7013%;
.cm-post-content {
padding: length( 'l-8' );
}
&:nth-child( 2n ) {
float: left;
clear: both;
}
&:nth-child( 2n+1 ) {
float: right;
}
&:first-child {
float: none;
width: 100%;
}
}
.cm-grid-style-2.status-publish {
width: 100%;
img {
float: left;
margin-bottom: 0;
margin-right: length( 'l-10' );
}
}
}
layouts/pages/_no-result.scss 0000644 00000002477 15121446245 0012345 0 ustar 00 /* No result page.
--------------------------------------------- */
.cm-no-results {
padding-top: 30px;
padding-bottom: 40px;
text-align: center;
img {
margin-bottom: 32px;
}
.cm-page-title {
color: #52525B;
@include font-size("font-size-lg");
font-weight: 600;
line-height: 1.3;
border-bottom: 0;
}
.cm-page-header {
margin-bottom: 12px;
}
.cm-page-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 40px;
p {
width: 100%;
margin-bottom: 0;
color: #52525B;
}
}
.search-wrap {
display: flex;
}
.search-form {
width: 100%;
}
input.s {
width: 100%;
@include font-size("font-size-xs");
border: 1px solid #E4E4E7;
border-radius: 4px 0 0 4px;
}
}
.search-no-results {
.cm-posts {
display: block;
}
}
.tg-site-layout--2-sidebars {
.cm-no-results {
.search-form {
width: 100%;
}
}
}
@include breakpoint("mdm") {
.cm-no-results {
.cm-page-content {
p {
width: 430px;
}
}
.search-form {
width: 670px;
}
}
}
layouts/pages/_404.scss 0000644 00000002410 15121446245 0010707 0 ustar 00 /* 404 Page.
--------------------------------------------- */
.cm-error-404 {
text-align: center;
.cm-page-title {
color: $color__primary;
font-size: 300px;
font-weight: 700;
line-height: 300px;
}
.cm-page-header {
margin-bottom: length( 'l-12' );
.cm-page-title {
font-size: 150px;
line-height: 135px;
border-bottom: 0;
}
p {
font-size: 22px;
line-height: 1.3;
margin-bottom: length( 'l-4' );
}
.cm-page-title,
p {
color: #52525B;
font-weight: 600;
}
}
.cm-page-content {
display: flex;
justify-content: center;
margin-bottom: length( 'l-20' );
p {
width: 100%;
margin-bottom: 0;
color: #52525B;
}
}
.cm-btn {
display: inline-block;
padding: 12px 24px;
background-color: $color__primary;
color: $color__white;
font-weight: 600;
border: 1px solid $color__primary;
border-radius: 2px;
&:hover {
background-color: #33363b;
border-color: #33363b;
}
}
}
@include breakpoint("mdm") {
.cm-error-404 {
.cm-page-header {
margin-bottom: length( 'l-12' );
.cm-page-title {
font-size: 240px;
line-height: 215px;
}
}
.cm-page-content {
p {
width: 570px;
}
}
}
}
layouts/_layouts.scss 0000644 00000002643 15121446245 0011011 0 ustar 00 /* Header.
--------------------------------------------- */
@import "header/top-bar";
@import "header/header";
@import "header/layouts/layout-1/style-1";
@import "header/layouts/layout-1/style-2";
@import "header/layouts/layout-2/style-1";
@import "header/layouts/layout-2/style-2";
@import "header/layouts/layout-3/style-1";
/* Page templates.
--------------------------------------------- */
@import "page-templates/page-builder";
/* Content.
--------------------------------------------- */
@import "content/content";
/* Blog.
--------------------------------------------- */
@import "blog/layouts/layout-1";
@import "blog/layouts/layout-2";
@import "blog/blog";
@import "blog/single-post";
/* Common.
--------------------------------------------- */
@import "common/header-footer-bars";
/* Post format.
--------------------------------------------- */
@import "post-format/post-format";
/* Sidebar.
--------------------------------------------- */
@import "sidebar/right-sidebar";
@import "sidebar/left-sidebar";
@import "sidebar/no-sidebar";
@import "sidebar/two-sidebars";
@import "sidebar/sidebar";
/* Pages.
--------------------------------------------- */
@import "pages/404";
@import "pages/no-result";
@import "pages/search";
/* Footer.
--------------------------------------------- */
@import "footer/footer-bar";
@import "footer/footer";
@import "footer/scroll-to-top";
layouts/common/_header-footer-bars.scss 0000644 00000000000 15121446245 0014233 0 ustar 00 layouts/content/_content.scss 0000644 00000002122 15121446245 0012425 0 ustar 00 #page {
max-width: 1200px;
margin: 0 auto;
}
.cm-content {
padding-top: length( 'l-30' );
padding-bottom: length( 'l-30' );
background-color: $color__white;
}
.wide {
padding-top: 0;
padding-bottom: 0;
#page {
max-width: 100%;
}
}
.cm-primary,
.cm-secondary {
width: 100%;
}
.cm-content {
.cm-row {
display: flex;
flex-direction: column;
row-gap: 60px;
.cm-one-half {
width: 100%;
padding-bottom: 0;
margin-right: 0;
}
}
}
.top-full-width-sidebar {
margin-bottom: length( 'l-15');
.cm-widget-title {
border-bottom: 2px solid $color__primary;
@include font-size("font-size-xs");
margin-bottom: length( 'l-12' );
padding-bottom: 0;
span {
background-color: $color__primary;
color: $color__white;
padding: 6px 12px;
display: inline-block;
}
}
}
@include breakpoint("lrg") {
.cm-content {
.cm-row {
flex-direction: row;
}
}
.cm-primary {
width: calc(100% - 30%);
padding-right: length( 'l-15', em );
}
.cm-secondary {
width: 30%;
}
}
layouts/header/_top-bar.scss 0000644 00000001667 15121446245 0012112 0 ustar 00 /* Top Bar.
--------------------------------------------- */
#header-meta {
background-color: $color__white;
}
.cm-top-bar {
background-color: $color__gray-100;
padding: 10px 0;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
font-size: 14px;
border-bottom-style: solid;
.cm-row {
display: flex;
align-items: center;
flex-direction: column;
gap: 10px;
}
.tg-full-width {
max-width: 100%;
padding: 0 15px;
}
}
.cm-top-bar__2 {
display: flex;
flex-direction: column;
flex: 1;
gap: 10px;
align-items: center;
}
@include breakpoint("mdm") {
.cm-top-bar__1 {
display: flex;
gap: 15px;
align-items: center;
}
.cm-top-bar__2 {
flex-direction: row;
justify-content: flex-end;
gap: 16px;
}
.cm-top-bar {
.cm-row {
gap: 15px;
}
}
}
@include breakpoint("lrg") {
.cm-top-bar {
padding: 8px;
.cm-row {
flex-direction: row;
}
}
}
layouts/header/_header.scss 0000644 00000004262 15121446245 0011770 0 ustar 00 /* Header.
--------------------------------------------- */
.cm-header {
background-color: $color__white;
}
.cm-site-branding {
img {
width: auto;
margin-bottom: 0;
}
a {
display: block;
}
}
.cm-site-title {
margin-bottom: 0;
font-size: 40px;
line-height: 1.5;
a {
color: $color__primary;
}
}
.cm-site-description {
line-height: 1.8;
font-size: 16px;
color: $color__gray-600;
margin: length( 'l-2' ) 0 0 0;
font-family: "Open Sans", serif;
word-break: break-word;
}
.header-image {
margin-bottom: 0;
border-bottom: 1px solid $color__gray-200;
width: 100%;
}
.cm-header-col-1 {
display: flex;
justify-content: center;
flex-direction: column;
gap: 16px;
flex-basis: 30%;
}
.cm-header-col-2 {
.widget {
text-align: right;
color: $color__gray-700;
.cm-widget-title {
font-size: 18px;
line-height: 1.2;
padding-bottom: length( 'l-2' );
}
}
.wp-block-image {
margin: 0;
}
img {
margin-bottom: 0;
}
}
.cm-header-2 {
.cm-row {
display: flex;
}
}
/* For header display type one */
.header_display_type_one {
.cm-header-1 {
.cm-row {
flex-direction: row-reverse;
}
}
.cm-header-col-2 .widget {
text-align: left;
}
}
/* For header display type two */
.header_display_type_two {
.cm-header-1 {
.cm-row {
flex-direction: column;
}
}
.cm-header-col-1 {
flex-direction: column;
float: none;
text-align: center;
justify-content: center;
}
.cm-site-branding {
padding-right: 0;
}
#cm-site-info {
padding-right: 0;
}
.cm-header-col-2 {
.widget {
color: $color__gray-700;
text-align: center;
}
}
}
.cm-menu-toggle {
display: flex;
cursor: pointer;
}
.cm-contained {
.cm-header-2 {
#cm-primary-nav {
box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
position: relative;
background-color: transparent;
border-top: 0 solid transparent;
z-index: 999;
}
.cm-row {
background-color: $color__background-news;
border-top: 4px solid #289dcc;
}
}
}
@include breakpoint("mdm") {
.cm-menu-toggle {
display: none;
}
}
layouts/header/layouts/layout-2/_style-1.scss 0000644 00000011206 15121446245 0015206 0 ustar 00 /* Header Layout: Classic.
--------------------------------------------- */
.cm-layout-2 {
.cm-header-1 {
.cm-row {
flex-direction: column;
}
}
.cm-header-2 {
.cm-row {
flex-direction: row;
-ms-flex-direction: row;
}
}
.cm-row {
justify-content: center;
.cm-header-col-2 {
display: block;
}
.cm-header-col-1 {
display: unset;
float: none;
text-align: center;
}
}
.cm-top-bar {
.cm-row {
padding: 0;
}
}
#cm-primary-nav {
background-color: transparent;
&.headroom--pinned {
background: inherit;
}
.cm-row {
background-color: transparent;
justify-content: flex-start;
}
.fa {
color: #3F3F46;
&:hover {
background: transparent;
color: $color__primary;
}
}
.cm-home-icon {
&.front_page_on {
background-color: transparent;
}
}
}
.cm-primary-nav {
a {
color: #3F3F46;
background-color: transparent;
&::after {
color: inherit;
}
&:hover {
background-color: transparent;
}
}
li {
background-color: transparent;
}
ul {
justify-content: center;
li {
&.current-menu-item,
&.current_page_item,
&:hover,
&.focus {
color: $color__primary;
background-color: transparent;
}
&.current-menu-item ul li a,
ul li.current-menu-item a,
&.current_page_ancestor ul li a,
&.current-menu-ancestor ul li a,
&.current_page_item ul li a {
color: $color__menu-link;
}
}
>li {
vertical-align: top;
>a {
border-bottom: 2px solid transparent;
transition: border 0.5s ease;
color: #3F3F46;
}
&:hover,
&.current-menu-item,
&.current-menu-ancestor {
>a {
background-color: transparent;
border-bottom: 2px solid $color__primary;
}
}
}
ul.sub-menu {
background-color: $color__white;
transition: all 0.3s ease;
display: block;
opacity: 0;
visibility: hidden;
border: 1px solid #F4F4F5;
text-align: left;
li {
display: flex;
border-bottom: 1px solid #F4F4F5;
a {
width: auto;
transition: all 0.5s ease;
border-color: transparent;
}
&:hover,
&.current-menu-ancestor,
&.current-menu-item,
&.focus {
border-color: $color__primary;
background-color: $color__primary;
>a {
color: $color__white;
}
}
&:last-child {
border-bottom: none transparent;
}
ul {
top: 0;
transition: none;
}
}
}
li.menu-item-has-children {
&:hover {
>ul.sub-menu {
opacity: 1;
visibility: visible;
}
}
a {
&::after {
color: #343a40;
}
}
}
li.focus {
>a {
border-color: $color__primary;
}
>ul.sub-menu {
opacity: 1;
visibility: visible;
}
}
}
.cm-random-post {
a {
&:hover {
background: transparent;
.fa-random {
color: $color__primary;
}
}
.fa-random {
color: #3F3F46;
}
}
}
.cm-submenu-toggle {
.cm-icon {
fill: $color__gray-700
}
}
.cm-menu-toggle,
.cm-home-icon,
.cm-random-post {
svg {
fill: #3F3F46;
}
}
}
.cm-mobile-nav {
.nav-menu {
padding-top: 0;
position: absolute;
top: 100%;
width: 100%;
box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
}
.cm-random-post {
a {
&:hover {
background: transparent;
.fa-random {
color: $color__primary;
}
}
.fa-random {
color: $color__menu-link;
}
}
}
li {
background-color: $color__white;
border-color: #E4E4E7;
a {
color: #3F3F46;
}
&:hover,
&.current-page-ancestor,
&.current-menu-ancestor,
&.current-page-item,
&.current-menu-item {
>.cm-submenu-toggle {
i {
color: $color__white;
}
}
}
}
.cm-submenu-toggle,
.cm-home-icon,
.cm-menu-toggle {
svg {
fill: $color__gray-700
}
}
.cm-random-post {
a {
svg {
fill: $color__gray-700
}
}
}
}
.is-sticky {
#cm-primary-nav {
background-color: $color__white;
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
}
}
.cm-menu-primary-container {
flex-grow: 1;
}
}
@include breakpoint("mdm") {
.cm-layout-2 {
.cm-layout-2-style-1 {
#cm-primary-nav {
border-top: 4px solid #207daf;
}
}
}
} layouts/header/layouts/layout-2/_style-2.scss 0000644 00000000700 15121446245 0015204 0 ustar 00 .cm-layout-2-style-2 {
.cm-main-header {
display: flex;
flex-direction: column-reverse;
}
#cm-primary-nav {
&.headroom--pinned {
margin-top: 0;
}
}
.is-sticky {
#cm-primary-nav {
margin-top: 0;
}
}
.cm-menu-primary-container {
margin-top: 4px;
}
}
.cm-layout-2 {
&.cm-layout-2-style-2 {
#cm-primary-nav {
border-bottom: 4px solid #207daf;
border-top: 0;
}
}
}
layouts/header/layouts/layout-1/_style-1.scss 0000644 00000000000 15121446245 0015173 0 ustar 00 layouts/header/layouts/layout-1/_style-2.scss 0000644 00000000152 15121446245 0015204 0 ustar 00 .cm-layout-1-style-2 {
.cm-main-header {
display: flex;
flex-direction: column-reverse;
}
}
layouts/header/layouts/layout-3/_style-1.scss 0000644 00000000000 15121446245 0015175 0 ustar 00 utilities/_clearings.scss 0000644 00000000363 15121446245 0011570 0 ustar 00 .clearfix {
&::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
utilities/_alignments.scss 0000644 00000000414 15121446245 0011757 0 ustar 00 .alignleft {
display: inline;
float: left;
margin-right: 30px;
}
.alignright {
display: inline;
float: right;
margin-left: 30px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
utilities/_accessibility.scss 0000644 00000001627 15121446245 0012454 0 ustar 00 .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
&:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
}
/* Do not show the outline on the skip link target. */
.cm-content[tabindex="-1"] {
&:focus {
outline: 0;
}
}
utilities/_infinite-scroll.scss 0000644 00000001070 15121446245 0012716 0 ustar 00 /*--------------------------------------------------------------
17.0 JetPack Infinite Scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll {
.default-wp-page, &.neverending #cm-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending #cm-footer {
display: block;
}
dark.scss 0000644 00000022040 15121446245 0006364 0 ustar 00 @import 'abstracts/variables/colors';
/*--------------------------------------------------------------
Dark CSS
--------------------------------------------------------------*/
body {
background-color: $color__background-dark;
color: $color__gray-seven;
}
/* Top Bar.
--------------------------------------------- */
.breaking-news {
background-color: $color__gray-one;
&-latest {
color: $color__white;
}
}
.date-in-header {
color: $color__gray-seven;
}
.dark-skin {
h1,
h2,
h3,
h4,
h5,
h6 {
color: $color__white;
}
#page,
.cm-main-header,
.cm-content,
.cm-secondary .widget {
background-color: $color__background-dark-page;
}
.cm-top-bar {
background-color: $color__background-dark-news;
}
.cm-mobile-nav {
li {
background-color: $color__gray-one;
}
a {
color: $color__white;
}
}
.cm-no-results {
.cm-page-title {
color: $color__gray-100;
}
.cm-page-content {
p {
color: $color__gray-100;
}
}
}
.search-form-top {
background-color: $color__background-dark-footer-socket;
border: 0 none;
}
.wp-block-search__input,
.search-form-top input.s,
input.s {
background-color: #161616;
border: 1px solid #343434;
color: #E3E2E2;
}
.cm-featured-posts {
.cm-post {
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24);
border-radius: 4px;
}
&.cm-tab-widget {
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24);
border-radius: 4px;
.cm-post {
box-shadow: none;
}
}
.cm-post-content {
.cm-entry-title {
a {
color: #F4F4F5;
}
}
.cm-below-entry-meta {
.cm-post-date,
.cm-author,
.cm-comments-link {
svg {
fill: $color__light-content;
}
}
}
}
.cm-random-posts,
.cm-breaking-news {
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24);
border-radius: 4px;
.cm-post {
box-shadow: 0 0 0 0 transparent;
}
}
}
.cm-post-date,
.cm-author,
.cm-comments-link {
a {
color: #aeaeae;
}
}
.cm-featured-category-slider-widget,
.cm-highlighted-posts {
.cm-post-date,
.cm-author,
.cm-comments-link {
a {
color: $color__gray-100;
}
}
}
.comment-respond {
form {
label {
color: #E3E2E2;
}
}
}
.comments-area {
.fn {
a {
color: $color__white;
}
}
}
.human-diff-time {
color: $color__light-content;
}
.search-form-top.show::before {
border-bottom: 12px solid #121212;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.cm-comments-link {
span {
color: $color__light-content;
}
}
.cm-thumbnail-slider {
border-color: $color__background-dark-page;
}
#comments {
border-color: $color__gray-three;
}
.cm-posts {
.post {
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24);
border-radius: 4px;
.cm-post-content {
.cm-entry-title a {
color: #F4F4F5;
}
.cm-below-entry-meta {
.cm-author,
.cm-comments-link,
.cm-tag-links,
.cm-edit-link,
.cm-post-date,
.cm-post-views {
svg {
color: $color__light-content;
}
}
.cm-post-views {
span {
color: $color__light-content;
}
}
.cm-edit-link {
a {
color: $color__light-content;
}
}
}
}
}
}
.single-related-posts {
.cm-post-content {
.cm-entry-title {
a {
color: #F4F4F5;
}
}
.cm-below-entry-meta {
.cm-post-date,
.cm-comments-link {
.fa {
color: $color__light-content;
}
}
}
}
}
.post,
.search {
.cm-entry-title {
a {
color: #F4F4F5;
}
}
}
.cm-random-posts {
box-shadow: 0 0 0 0 transparent;
}
.previous,
.next {
svg {
fill: $color__gray-100
}
}
.cm-layout-2 {
.cm-mobile-nav {
.cm-submenu-toggle,
.cm-home-icon,
.cm-menu-toggle {
svg {
fill: $color__gray-100
}
}
.cm-random-post {
a {
svg {
fill: $color__gray-100
}
}
}
}
}
.single-related-posts {
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24);
border-radius: 4px;
}
.cm-footer-cols,
.cm-footer-bar {
border-top: 0 none;
background-color: $color__background-dark-footer-socket;
}
#cm-footer .cm-upper-footer-cols .widget {
border: 0 none;
.cm-post,
.cm-random-posts {
box-shadow: none;
}
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.comment-content {
background-color: $color__background-dark-page;
color: $color__gray-seven;
border-color: $color__gray-five;
}
.cm-view-all-link {
background: $color__background-dark-page;
}
/*--------------------------------------------------------------
Header Clean layout CSS
--------------------------------------------------------------*/
.cm-layout-2 {
.cm-primary-nav {
ul>li>a {
color: $color__gray-100;
}
.cm-home-icon,
.cm-submenu-toggle,
.cm-menu-toggle,
.cm-random-post {
svg,
.cm-icon {
fill: $color__gray-100;
}
}
ul ul.sub-menu li a {
color: $color__gray-700;
}
}
.is-sticky #cm-primary-nav {
background-color: #111111;
}
.cm-mobile-nav {
.cm-submenu-toggle {
svg {
fill: $color__gray-100;
}
}
}
#cm-primary-nav {
.fa {
color: $color__gray-100;
}
}
.cm-mobile-nav li {
border-color: #3F3F46;
a {
color: $color__gray-100;
}
}
}
&.colormag-header-clean {
.cm-primary-nav {
.sub-menu,
.children {
background-color: $color__background-news;
}
}
.cm-mobile-nav {
li {
background-color: $color__background-news;
}
}
}
&.colormag-header-clean,
&.colormag-header-classic,
&.colormag-header-clean--full-width {
.breaking-news .newsticker a,
.social-links i.fa {
color: $color__gray-seven;
}
}
&.colormag-header-classic {
.is-sticky {
#cm-primary-nav {
background-color: $color__background-news;
}
.cm-mobile-nav li {
background-color: $color__background-news;
}
}
#cm-primary-nav {
.cm-menu-toggle {
border-color: $color__gray-seven;
&::before {
color: $color__gray-seven;
}
}
&.cm-primary-nav {
ul {
ul.sub-menu,
.children {
background-color: $color__background-news;
border-color: $color__gray-three;
li {
border-color: $color__gray-three;
}
}
}
a,
.cm-random-post a .fa-random,
.cm-home-icon .fa {
color: $color__white;
}
}
&.cm-mobile-nav .cm-random-post a .fa-random,
.fa.search-top {
color: $color__white;
}
}
}
&.colormag-header-clean--full-width {
.cm-top-bar {
background-color: $color__background-dark-news;
}
}
.colormag-footer--classic {
.cm-footer-cols {
background-color: $color__background-medium-footer-socket;
}
.cm-footer-bar {
background-color: $color__background-dark-footer-socket;
}
}
.elementor {
.tg-module-wrapper {
color: $color__gray-seven;
.tg-module-title {
color: $color__white;
}
.tg-module-meta {
.tg-post-auther-name,
.tg-post-date,
.tg-module-comments {
a,
span {
color: $color__light-content;
}
}
}
&.tg-module-block.tg-module-block--style-5 .tg_module_block .tg-module-title,
&.tg-module-block.tg-module-block--style-5 .tg_module_block .block-content {
background: $color__background-dark-page;
}
}
}
.cm-entry-summary p {
color: #E3E2E2;
}
.previous a,
.next a {
color: #F4F4F5;
&:hover {
color: #F4F4F5;
}
}
.cm-entry-title {
a {
color: #F4F4F5;
&:hover {
color: #F4F4F5;
}
}
}
}
.cm-breaking-news i.fa-arrow-up::before,
.cm-breaking-news i.fa-arrow-down::before {
background-color: #161616;
border: 1px solid #161616;
}
/* Support Dark Skin.
--------------------------------------------- */
.dark-skin {
body {
color: #cccccc;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff;
}
.mzb-post-list,
.mzb-tab-post,
.mzb-featured-posts,
.mzb-featured-categories {
.mzb-post {
background-color: $color__background-light;
}
}
.mzb-tab-post {
.mzb-tab-title {
background-color: $color__background-light;
&.active {
background-color: var(--color--primary);
}
}
}
}
/* Support Magazine Blocks.
--------------------------------------------- */
.mzb-post-list,
.mzb-tab-post,
.mzb-banner-posts,
.mzb-featured-posts,
.mzb-featured-categories,
.mzb-grid-module {
.mzb-post-date,
.mzb-post-author {
a {
color: var(--color--gray);
}
svg {
fill: var(--color--gray);
}
}
} base/_base.scss 0000644 00000001111 15121446245 0007422 0 ustar 00 /* Container
--------------------------------------------- */
@import "elements/container";
@import "elements/grid";
/* Typography
--------------------------------------------- */
@import "typography/copy";
@import "typography/headings";
/* Elements
--------------------------------------------- */
@import "elements/body";
@import "elements/button";
@import "elements/columns";
@import "elements/common";
@import "elements/fields";
@import "elements/link";
@import "elements/list";
@import "elements/media";
@import "elements/table";
@import "elements/icons";
base/typography/_headings.scss 0000644 00000000754 15121446245 0012514 0 ustar 00 h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: length( 'l-10' );
color: $color__gray-800;
font-weight: 500;
font-family: "Open Sans", sans-serif;
line-height: $line-height__headings;
}
h1 {
@include font-size('font-size-xxxl');
}
h2 {
@include font-size('font-size-xxl');
}
h3 {
@include font-size('font-size-xl');
}
h4 {
@include font-size('font-size-lg');
}
h5 {
@include font-size('font-size-md');
}
h6 {
@include font-size('font-size-sm');
}
base/typography/_copy.scss 0000644 00000002537 15121446245 0011705 0 ustar 00 html {
font-size: $font-size__percent; /* Sets base font size to 10px */
}
body,
button,
input,
select,
textarea {
color: $color__text;
font-size: 16px;
font-family: "Open Sans", serif;
line-height: $line-height__body;
word-wrap: break-word;
}
p {
margin-bottom: 16px;
line-height: $line-height__body;
word-break: break-word;
}
strong {
font-weight: 600;
}
cite,
em,
i {
font-style: italic;
}
pre {
overflow: auto;
max-width: 100%;
width: 798px;
margin-bottom: 20px;
padding: 30px 30px 84px 30px ;
background-color: $color__gray-50;
@include font-size("font-size-xs");
font-style: italic;
line-height: 1.7;
}
code,
kbd,
var,
samp,
tt {
font-family: "Courier 10 Pitch", Courier, monospace;
@include font-size("font-size-xs");
line-height: 1.4;
white-space: pre-wrap;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted $color__gray-300;
cursor: help;
}
address {
display: block;
font-style: italic;
margin: 0 0 length( 'l-8' );
}
ins {
background: $color__gray-100;
}
hr,
.wp-block-separator {
background-color: $color__gray-200;
border: 0;
height: 1px;
margin: length( 'l-15' ) 0;
}
dl {
@include font-size("font-size-sm");
}
dt {
font-weight: bold;
margin-bottom: length( 'l-2' );
}
dd {
margin-bottom: length( 'l-12');
}
base/elements/_icons.scss 0000644 00000000244 15121446245 0011445 0 ustar 00 /* SVG icons */
.cm-icon {
display: block;
width: length( 'l-8', em );
height: length( 'l-8', em );
transition: all 0.3s;
fill: $color__gray-500;
}
base/elements/_body.scss 0000644 00000000667 15121446245 0011300 0 ustar 00 /**
* Body.
*/
body {
background-color: $color__gray-200;
padding-top: length( 'l-5' );
padding-bottom: length( 'l-5' );
background-size: cover;
&.clickable-background-image {
position: relative;
.background-image-clickable {
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.site {
position: relative;
z-index: 99;
}
}
}
base/elements/_grid.scss 0000644 00000000000 15121446245 0011245 0 ustar 00 base/elements/_table.scss 0000644 00000000467 15121446245 0011430 0 ustar 00 table {
border-collapse: separate;
border-spacing: 0;
margin: 0 0 1.5em;
width: 100%;
thead {
background-color: #F4F8FB;
}
th {
text-transform: uppercase;
padding: 6px 12px;
font-weight: 500;
}
td {
padding: 6px 12px;
border-bottom: 1px solid $color__gray-800;
}
}
base/elements/_columns.scss 0000644 00000000564 15121446245 0012017 0 ustar 00 /**
* Columns.
*/
.cm-column-half {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: length( 'l-15' );
}
/* 4 Columns. */
.tg-one-fourth {
float: left;
width: 23.1527094%;
margin: 0 2.46305419% 0 0;
}
.tg-one-fourth-last {
margin: 0;
}
@include breakpoint("mdm") {
.cm-column-half {
flex-direction: row;
}
}
base/elements/_list.scss 0000644 00000000432 15121446245 0011304 0 ustar 00 /**
* List.
*/
ul {
list-style: disc;
ul {
list-style: circle;
ul {
list-style: square;
}
}
&.default-wp-page {
list-style: none;
}
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
>ul,
>ol {
margin: 0 0 0 10px;
}
}
base/elements/_common.scss 0000644 00000000175 15121446245 0011625 0 ustar 00 /* width */
::-webkit-scrollbar {
height: 8px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #c1c1c1;
}
base/elements/_fields.scss 0000644 00000003364 15121446245 0011606 0 ustar 00 /**
* Fields.
*/
input,
textarea {
-webkit-border-radius: 0;
}
input {
&[type="text"],
&[type="email"],
&[type="search"],
&[type="password"],
&[type="url"] {
appearance: none;
outline: none;
&:focus {
border: 1px solid $color__gray-200;
}
}
&[type="text"],
&[type="email"],
&[type="password"],
&[type="url"],
&[type="tel"] {
box-sizing: border-box;
padding: 10px;
border: 1px solid $color__gray-200;
line-height: 20px;
width: 100%;
margin: 0 0 32px;
background-color: #FCFCFC;
border-radius: 4px;
}
&.s {
position: relative;
width: 100%;
padding: length( 'l-6' );
@include font-size("font-size-xs");
border: 1px solid $color__gray-300;
border-radius: 4px 0 0 4px;
line-height: 1.6;
&:focus {
padding-left: 10px;
border-color: $color__gray-200;
text-indent: 0;
}
}
}
textarea {
appearance: none !important;
padding: 1%;
border: 1px solid #E4E4E7;
line-height: 20px;
width: 100%;
margin: 0 0 32px;
background-color: #fcfcfc;
border-radius: 4px;
&:focus {
border: 1px solid $color__gray-200;
}
}
.colormag-button {
display: inline-block;
margin-bottom: 30px;
padding: 5px 10px;
background-color: $color__primary;
border: 0;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 16px;
appearance: none !important;
cursor: pointer;
color: $color__white;
&:hover {
background-color: #33363b;
}
}
#search-form {
input[type="submit"] {
border-radius: 0;
margin-left: -8px;
margin-bottom: 0;
padding: 6px 10px 5px;
font-size: 18px;
}
}
select {
border: 1px solid $color__gray-200;
padding: length( 'l-4') length( 'l-8');
}
base/elements/_container.scss 0000644 00000001237 15121446245 0012317 0 ustar 00 /**
* Container.
*/
.inner-wrap {
margin: 0 auto;
max-width: 1140px;
}
.cm-container {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: length( 'l-8' );
padding-right: length( 'l-8' );
box-sizing: content-box;
}
.cm-header-1 {
.cm-row {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
gap: length( 'l-5');
padding: length( 'l-12' ) 0;;
}
}
@include breakpoint("mdm") {
.cm-header-1 {
.cm-row {
flex-direction: row;
justify-content: space-between;
text-align: left;
gap: length( 'l-10');
}
}
}
base/elements/_media.scss 0000644 00000003651 15121446245 0011416 0 ustar 00 /**
* Media.
*/
figure {
margin: 0;
text-align: center;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.cm-entry-summary,
.comment-content,
.widget {
img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
}
img {
&.size-full,
&.size-large {
max-width: 100%;
height: auto;
}
&.alignleft,
&.alignright,
&.aligncenter {
margin-bottom: 1.625em;
}
a & {
border: 0;
}
&#wpstats {
display: none;
}
}
.cm-entry-summary {
img {
&.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
}
}
/* Captions. */
.wp-caption {
margin-bottom: 1.5rem;
max-width: 100%;
img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
#cm-footer & {
border: 1px solid #444444;
}
.wp-caption-text {
margin: 0.8075rem 0;
}
}
.wp-caption-text {
text-align: center;
}
/* WordPress Gallery Support. */
.gallery {
margin: 0 auto 15px;
.gallery-caption {
font-size: 12px;
line-height: 1.2;
padding-top: 5px;
}
}
.gallery-item {
display: inline-block;
padding: 15px 2%;
text-align: center;
vertical-align: top;
width: 100%;
box-sizing: border-box;
.gallery-columns-3 &,
.gallery-columns-4 &,
.gallery-columns-5 & {
padding: 15px 1%;
}
.gallery-columns-6 &,
.gallery-columns-7 &,
.gallery-columns-8 &,
.gallery-columns-9 & {
padding: 10px 0.5%;
}
.gallery-columns-2 & {
width: 50%;
}
.gallery-columns-3 & {
width: 33.33%;
}
.gallery-columns-4 & {
width: 25%;
}
.gallery-columns-5 & {
width: 20%;
}
.gallery-columns-6 & {
width: 16.66%;
}
.gallery-columns-7 & {
width: 14.28%;
}
.gallery-columns-8 & {
width: 12.5%;
}
.gallery-columns-9 & {
width: 11.11%;
}
}
.gallery-icon {
img {
margin: 0 auto;
}
}
base/elements/_link.scss 0000644 00000000260 15121446245 0011265 0 ustar 00 /**
* Links.
*/
a {
color: $color__primary;
text-decoration: none;
transition: all 0.3s ease;
&:focus,
&:active,
&:hover {
text-decoration: none;
}
}
base/elements/_button.scss 0000644 00000000776 15121446245 0011657 0 ustar 00 button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button .wp-block-button__link,
.wp-element-button,
.cm-button {
display: inline-block;
padding: 6px 10px;
background-color: $color__primary;
color: $color__white;
font-size: 16px;
font-weight: 600;
border: 1px solid $color__primary;
transition: background-color 0.3s linear 0s;
border-radius: 2px;
cursor: pointer;
&:hover {
color: $color__primary;
background-color: transparent;
}
}