:root {
--phcreativeblog-primary: #FF0F4B;
--phcreativeblog-primary-text: #f9ffe7;
--phcreativeblog-background-main: #fff;
--phcreativeblog-background-vibrant: #49dfd4;
--phcreativeblog-background-darker: #eeeeee;
--phcreativeblog-background-light: #fffbd5;
--phcreativeblog-secondary: #747474;
--phcreativeblog-secondary-dark: #B6002E;
--phcreativeblog-secondary-text: #FFF;
--phcreativeblog-text-dark: #111;
--phcreativeblog-text: #555;
--phcreativeblog-text-light: #777;
--phcreativeblog-header-background: #fff;
--phcreativeblog-header-global-background: #000000;
--phcreativeblog-header-lighter: #222;
--phcreativeblog-header-text: #FFFFFF;
--phcreativeblog-menu-text: #232323;
--phcreativeblog-top-bar-text: #fffdec;
--phcreativeblog-top-bar-background: #3a3a3a;
--phcreativeblog-mobile-header-background: #FFFFFF;
--phcreativeblog-mobile-header-text: #222222;
}
.primary-font {
font-family: 'Be Vietnam Pro', sans-serif;
}
.secondary-font {
font-family: "Public Sans", sans-serif;
}
body {
background: var(--phcreativeblog-background-main);
font-family: 'Be Vietnam Pro', sans-serif;
word-wrap: break-word;
}
.custom-background {
background-size: contain !important;
background-repeat: no-repeat;
background-attachment: fixed;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Public Sans", sans-serif;
}
a {
color: var(--phcreativeblog-secondary);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
a:hover,
a:visited {
color: var(--phcreativeblog-secondary-dark);
}
a:focus {
outline: dotted 1px black;
}
::-moz-selection {
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
}
::selection {
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
}
.phcreativeblog-pagination {
text-align: center;
margin: 10px 0px;
}
.phcreativeblog-pagination .page-numbers {
color: var(--phcreativeblog-primary);
margin-right: 3px;
margin-left: 3px;
border: none;
padding: 10px 15px;
text-decoration: none;
}
.phcreativeblog-pagination .page-numbers:hover {
background: var(--phcreativeblog-primary);
border: none;
color: var(--phcreativeblog-primary-text);
padding: 10px 15px;
-webkit-box-shadow: 0 8px 15px -8px var(--phcreativeblog-background-darker);
box-shadow: 0 8px 15px -8px var(--phcreativeblog-background-darker);
border-radius: 6px;
}
.phcreativeblog-pagination .page-numbers.current {
background: var(--phcreativeblog-primary);
border: none;
color: var(--phcreativeblog-primary-text);
padding: 10px 15px;
-webkit-box-shadow: 0 8px 15px -8px var(--phcreativeblog-background-darker);
box-shadow: 0 8px 15px -8px var(--phcreativeblog-background-darker);
border-radius: 6px;
}
#primary {
margin-top: 20px;
}
.comment-content a {
text-decoration: underline;
color: var(--phcreativeblog-primary);
}
.error-search-wrapper .search-submit {
display: none;
}
.error-search-wrapper input[type="search"] {
width: 400px;
border-radius: 10px;
padding: 10px 15px;
}
.entry-content a {
text-decoration: underline;
color: var(--phcreativeblog-primary);
}:root {
--phcreativeblog-primary: #FF0F4B;
--phcreativeblog-primary-text: #f9ffe7;
--phcreativeblog-background-main: #fff;
--phcreativeblog-background-vibrant: #49dfd4;
--phcreativeblog-background-darker: #eeeeee;
--phcreativeblog-background-light: #fffbd5;
--phcreativeblog-secondary: #747474;
--phcreativeblog-secondary-dark: #B6002E;
--phcreativeblog-secondary-text: #FFF;
--phcreativeblog-text-dark: #111;
--phcreativeblog-text: #555;
--phcreativeblog-text-light: #777;
--phcreativeblog-header-background: #fff;
--phcreativeblog-header-global-background: #000000;
--phcreativeblog-header-lighter: #222;
--phcreativeblog-header-text: #FFFFFF;
--phcreativeblog-menu-text: #232323;
--phcreativeblog-top-bar-text: #fffdec;
--phcreativeblog-top-bar-background: #3a3a3a;
--phcreativeblog-mobile-header-background: #FFFFFF;
--phcreativeblog-mobile-header-text: #222222;
}
#social-menu a,
#social-menu-sidr a {
content: "";
width: 20px;
position: relative;
color: transparent;
}
#social-menu a:after,
#social-menu-sidr a:after {
text-indent: 0;
display: block;
float: left;
font-family: "Font Awesome 5 Brands";
font-weight: 400;
visibility: visible;
font-size: 18px;
position: absolute;
top: 0;
}
#social-menu a[href*="dribbble.com"]:after,
#social-menu-sidr a[href*="dribbble.com"]:after {
content: "\f17d";
color: #ea4c89;
}
#social-menu a[href*="github.com"]:after,
#social-menu-sidr a[href*="github.com"]:after {
content: "\f09b";
color: black;
}
#social-menu a[href*="facebook.com"]:after,
#social-menu-sidr a[href*="facebook.com"]:after {
content: "\f09a";
color: #3b5998;
}
#social-menu a[href*="flickr.com"]:after,
#social-menu-sidr a[href*="flickr.com"]:after {
content: "\f16e";
color: #ff0084;
}
#social-menu a[href*="foursquare.com"]:after,
#social-menu-sidr a[href*="foursquare.com"]:after {
content: "\f180";
color: #0072b1;
}
#social-menu a[href*="plus.google.com"]:after,
#social-menu-sidr a[href*="plus.google.com"]:after {
content: "\f0d5";
color: #dd4b39;
}
#social-menu a[href*="instagram.com"]:after,
#social-menu-sidr a[href*="instagram.com"]:after {
content: "\f16d";
color: #517fa4;
}
#social-menu a[href*="linkedin.com"]:after,
#social-menu-sidr a[href*="linkedin.com"]:after {
content: "\f0e1";
color: #007bb6;
}
#social-menu a[href*="pinterest.com"]:after,
#social-menu-sidr a[href*="pinterest.com"]:after {
content: "\f231";
color: #cb2027;
}
#social-menu a[href*="reddit.com"]:after,
#social-menu-sidr a[href*="reddit.com"]:after {
content: "\f231";
}
#social-menu a[href*="tumblr.com"]:after,
#social-menu-sidr a[href*="tumblr.com"]:after {
content: "\f173";
color: #32506d;
}
#social-menu a[href*="twitter.com"]:after,
#social-menu-sidr a[href*="twitter.com"]:after {
content: "\f099";
color: #00aced;
}
#social-menu a[href*="vimeo.com"]:after,
#social-menu-sidr a[href*="vimeo.com"]:after {
content: "\f194";
color: #aad450;
}
#social-menu a[href*="wordpress.com"]:after,
#social-menu-sidr a[href*="wordpress.com"]:after {
content: "\f19a";
color: #0073aa;
}
#social-menu a[href*="wordpress.org"]:after,
#social-menu-sidr a[href*="wordpress.org"]:after {
content: "\f19a";
color: #0073aa;
}
#social-menu a[href*="youtube.com"]:after,
#social-menu-sidr a[href*="youtube.com"]:after {
content: "\f167";
color: #bb0000;
}
#social-menu a[href*="mailto:"]:after,
#social-menu-sidr a[href*="mailto:"]:after {
text-indent: 0;
display: block;
float: left;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0e0";
}
#social-menu a[href*="twitch.tv"]:after,
#social-menu-sidr a[href*="twitch.tv"]:after {
content: "\f1e8";
color: #6441A5;
}
#social-menu a[href$="/feed/"]:after,
#social-menu-sidr a[href$="/feed/"]:after {
text-indent: 0;
display: block;
float: left;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f09e";
color: #ff9900;
}
#masthead.style2 #top-bar {
padding: 2px 0;
color: var(--phcreativeblog-top-bar-text);
}
#masthead.style2 #top-bar ul ul {
display: none;
}
#masthead.style2 #top-bar ul {
list-style: none;
margin: 0;
padding: 0;
word-wrap: normal;
}
#masthead.style2 #top-bar #top-bar-left {
font-size: 12px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#masthead.style2 #top-bar #top-bar-left .search-form {
display: inline-block;
text-align: right;
}
#masthead.style2 #top-bar #top-bar-left .search-form button,
#masthead.style2 #top-bar #top-bar-left .search-form input[type=submit] {
display: none;
}
#masthead.style2 #top-bar #top-bar-left .search-form input[type=search] {
font-size: 14px;
border: dotted 1px var(--phcreativeblog-text-dark);
border-radius: 31px;
padding: 5px 10px;
color: var(--phcreativeblog-header-text);
}
#masthead.style2 #top-bar #top-bar-left .search-form input[type=search]:focus {
outline: var(--phcreativeblog-primary) solid 1px;
}
#masthead.style2 #top-bar #top-bar-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 13px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#masthead.style2 .top-bar-wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#masthead.style2 .social-menu-wrapper {
display: inline-block;
padding: 2px;
max-width: 350px;
}
#masthead.style2 .social-menu-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
height: 35px;
text-align: right;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#masthead.style2 .social-menu-wrapper ul li {
display: inline;
}
#masthead.style2 .social-menu-wrapper ul li a {
display: inline-block;
height: 35px;
width: 35px;
overflow: hidden;
background: var(--phcreativeblog-header-lighter);
border-radius: 50%;
}
#masthead.style2 .social-menu-wrapper ul li a::-moz-selection {
color: var(--phcreativeblog-header-lighter);
}
#masthead.style2 .social-menu-wrapper ul li a::selection {
color: var(--phcreativeblog-header-lighter);
}
#masthead.style2 .social-menu-wrapper ul li a:after {
padding: 4px 9px;
color: var(--phcreativeblog-header-text);
}
#masthead.style2 .social-menu-wrapper ul li a:focus {
outline: solid 1px var(--phcreativeblog-primary);
}
#masthead.style2 .social-menu-wrapper a:hover:after {
color: var(--phcreativeblog-primary);
}
#masthead.style2 #top-menu li {
display: inline;
}
#masthead.style2 #top-menu li a {
display: inline-block;
text-decoration: none;
font-size: 12px;
padding: 1px 10px;
text-transform: uppercase;
color: var(--phcreativeblog-top-bar-text);
}
#masthead.style2 #top-menu li a:hover {
color: var(--phcreativeblog-primary);
text-decoration: underline;
}
#masthead.style2 #top-bar-right {
text-align: right;
}
#masthead.style2 #top-bar-right li {
display: inline;
}
#masthead.style2 #top-bar-right li a {
display: inline-block;
}
#masthead.style2 #middle-bar {
position: sticky;
background: var(--phcreativeblog-header-background);
padding: 15px;
top: 0;
border-bottom: solid 1px var(--phcreativeblog-background-darker);
}
@media only screen and (max-width: 1200px) {
#masthead.style2 #middle-bar {
text-align: center;
}
}
#masthead.style2 #middle-bar .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#masthead.style2 #site-branding {
padding: 5px 10px;
text-align: start;
}
#masthead.style2 #site-branding .custom-logo {
max-height: 100px;
width: auto;
}
#masthead.style2 #site-branding .site-title a {
font-size: 27px;
font-weight: 700;
text-decoration: none;
}
#masthead.style2 #site-branding .site-title a:hover {
color: var(--phcreativeblog-primary);
}
#masthead.style2 #seach-bar-wrapper {
position: relative !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#masthead.style2 #seach-bar-wrapper .fa {
cursor: pointer;
}
#masthead.style2 #seach-bar-wrapper .fa::before {
cursor: pointer;
}
#masthead.style2 #site-navigation {
text-align: center;
}
#masthead.style2 #site-navigation li {
display: inline-block;
}
#masthead.style2 #site-navigation a {
color: var(--phcreativeblog-menu-text);
padding: 16px 16px;
font-size: 16px;
border-bottom: solid 2px transparent;
position: relative;
}
#masthead.style2 #site-navigation a:focus {
outline: solid 1px var(--phcreativeblog-primary);
}
#masthead.style2 #site-navigation a:hover {
color: var(--phcreativeblog-primary);
}
#masthead.style2 #site-navigation .current-menu-item {
background: var(--phcreativeblog-primary);
-webkit-box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
border-radius: 4px;
}
#masthead.style2 #site-navigation .current-menu-item a {
color: var(--phcreativeblog-primary-text);
}
#masthead.style2 #site-navigation ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#masthead.style2 #site-navigation ul .menu-item-has-children:after {
content: '⮟';
color: var(--phcreativeblog-menu-text);
top: 50%;
right: 0px;
margin-top: -9px;
font-size: 12px;
position: absolute;
}
@media only screen and (max-width: 1068px) {
#masthead.style2 #site-navigation ul .menu-item-has-children:after {
right: -4px;
}
}
#masthead.style2 #site-navigation ul .menu-item-has-children:after:hover {
color: var(--phcreativeblog-primary-text);
}
#masthead.style2 #site-navigation ul.sub-menu {
width: 200px;
background: #fff;
border: solid 1px #eee;
border-bottom: none;
border-top: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
font-size: 13px;
-webkit-box-shadow: none;
box-shadow: none;
}
#masthead.style2 #site-navigation ul.sub-menu .menu-item-has-children:after {
content: '⮟';
color: var(--phcreativeblog-text);
top: 50%;
right: 4px;
margin-top: -9px;
font-size: 12px;
position: absolute;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
#masthead.style2 #site-navigation ul.sub-menu .menu-item-has-children:after:hover {
color: var(--phcreativeblog-primary-text);
}
#masthead.style2 #site-navigation ul.sub-menu a {
color: #444;
font-size: 13px;
}
#masthead.style2 #site-navigation ul.sub-menu li {
border-bottom: solid 1px #eee;
}
#masthead.style2 #site-navigation ul.sub-menu li a {
padding: 6px 15px;
text-transform: none;
}
#masthead.style2 #site-navigation ul.sub-menu li a:hover {
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
}
#masthead.style2 #site-navigation ul.sub-menu li a:hover::before {
background: none;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#masthead.style2 #site-navigation ul.sub-menu li:hover ul.sub-menu,
#masthead.style2 #site-navigation ul.sub-menu li.focus ul.sub-menu {
left: 100%;
border-left: none;
border-top: none;
font-size: 12px;
}
#masthead.style2 #site-navigation ul.sub-menu li:hover ul.sub-menu .menu-item-has-children:after,
#masthead.style2 #site-navigation ul.sub-menu li.focus ul.sub-menu .menu-item-has-children:after {
content: '';
}
#masthead.style2 #site-navigation ul.sub-menu ul ul {
display: none;
}
@media screen and (max-width: 1200px) {
#masthead.style2 #site-navigation {
width: 100%;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
min-width: 100%;
}
#masthead.style2 #site-navigation ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#masthead.style2 .search-form-holder {
background: none;
display: none;
padding: 20px;
}
#masthead.style2 .search-form-holder .search-input-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
opacity: 1;
height: 50px;
padding: 0;
z-index: 12;
-webkit-transition: height 0.1s;
transition: height 0.1s;
position: relative;
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="search"] {
background: none;
border: none;
height: 50px;
position: absolute;
left: 0;
right: 0;
top: 0;
line-height: 1.6;
padding: 10px 20px;
border-radius: 30px;
border-style: solid;
border-width: 1px 3px 3px 1px;
border-color: var(--phcreativeblog-primary);
letter-spacing: 0.5px;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="search"]::-webkit-input-placeholder {
color: var(--phcreativeblog-text);
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="search"]::-moz-placeholder {
color: var(--phcreativeblog-text);
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="search"]:-ms-input-placeholder {
color: var(--phcreativeblog-text);
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="search"]::-ms-input-placeholder {
color: var(--phcreativeblog-text);
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="search"]::placeholder {
color: var(--phcreativeblog-text);
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="search"]:focus {
outline: none;
}
#masthead.style2 .search-form-holder .search-input-wrapper input[type="submit"] {
display: none;
}
#mobile-navigation {
height: 100%;
display: inline-block;
float: left;
}
#mobile-navigation .menu-toggle {
display: inline-block;
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
border: none;
}
#mobile-navigation .menu-toggle:focus {
background: black;
color: white;
}
#mobile-navigation #mobile-menu {
display: none;
}
#mobile-navigation.toggled {
position: fixed;
z-index: 99999;
width: 100%;
background: var(--phcreativeblog-primary);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#mobile-navigation.toggled #mobile-menu {
display: block;
}
#mobile-navigation.toggled .menu-toggle {
display: block;
width: 100%;
text-align: left;
background: black;
color: white;
}
#mobile-navigation.toggled .menu-toggle:focus {
background: #111;
color: white;
}
#mobile-navigation a {
color: var(--phcreativeblog-primary-text);
}
#mobile-navigation ul {
margin: 0;
padding: 0;
text-align: left;
}
#mobile-navigation ul li {
display: block;
}
#mobile-navigation ul li a {
padding: 9px 15px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
}
#mobile-navigation ul ul {
display: block;
margin-left: 15px;
}
#mobile-navigation ul ul a {
font-size: 13px;
padding: 6px 15px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
#site-navigation {
display: block;
}
#site-navigation li {
display: inline-block;
}
#site-navigation li a {
padding: 12px 9px;
font-size: 12px;
}
}
#masthead-mobile {
background: var(--phcreativeblog-mobile-header-background);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
-webkit-box-shadow: 0 2px 10px var(--phcreativeblog-background-darker);
box-shadow: 0 2px 10px var(--phcreativeblog-background-darker);
}
#masthead-mobile #site-branding-mobile {
font-size: 18px;
}
#masthead-mobile #site-branding-mobile img {
max-height: 40px;
width: auto;
}
#masthead-mobile #site-branding-mobile .site-title {
margin-bottom: 0;
}
#masthead-mobile #site-branding-mobile .site-title a {
text-decoration: none;
color: var(--phcreativeblog-title-color);
}
#masthead-mobile #sidr-toggle,
#masthead-mobile .search-toggle {
color: var(--phcreativeblog-mobile-header-text);
font-size: 22px;
padding: 10px 15px;
opacity: 0.85;
}
#sidr input[type=submit] {
display: none;
}
#sidr .search-form label {
width: 100%;
}
#sidr .search-form {
padding: 15px 0;
}
#sidr .search-form input[type=search] {
margin-bottom: 0;
background: #fbfbfb1a;
}
#sidr .sidr-social-menu-wrapper {
background: #ffffff;
border: solid 1px var(--phcreativeblog-background-darker);
}
#sidr #social-menu-sidr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
#sidr #social-menu-sidr li {
display: inline-block;
border: none;
}
#sidr #social-menu-sidr a {
height: 48px;
}
#sidr #close-menu {
float: right;
background: none;
color: #000;
border: none;
margin: 5px 14px;
padding: 5px 10px;
}
#sidr #close-menu .fa {
font-weight: 600;
font-size: 17px;
}
#sidr .go-to-bottom,
#sidr .go-to-top {
opacity: 0;
}
#sidr a:focus {
outline: solid 1px var(--phcreativeblog-primary);
}
#sidr ul {
position: relative;
}
#sidr ul .menu-item-has-children:after {
content: '⮟';
color: var(--phcreativeblog-text);
right: 135px;
top: 0px;
font-size: 12px;
position: absolute;
}
#sidr ul .menu-item-has-children:after:hover {
color: var(--phcreativeblog-primary-text);
}
#sidr li {
position: relative;
}
#sidr li .menu-item-has-children:after {
content: '⮟';
color: var(--phcreativeblog-text);
right: 135px;
top: 0px;
font-size: 12px;
position: absolute;
}
#sidr li .menu-item-has-children:after:hover {
color: var(--phcreativeblog-primary-text);
}
#masthead.style2 {
margin-bottom: 20px;
}:root {
--phcreativeblog-primary: #FF0F4B;
--phcreativeblog-primary-text: #f9ffe7;
--phcreativeblog-background-main: #fff;
--phcreativeblog-background-vibrant: #49dfd4;
--phcreativeblog-background-darker: #eeeeee;
--phcreativeblog-background-light: #fffbd5;
--phcreativeblog-secondary: #747474;
--phcreativeblog-secondary-dark: #B6002E;
--phcreativeblog-secondary-text: #FFF;
--phcreativeblog-text-dark: #111;
--phcreativeblog-text: #555;
--phcreativeblog-text-light: #777;
--phcreativeblog-header-background: #fff;
--phcreativeblog-header-global-background: #000000;
--phcreativeblog-header-lighter: #222;
--phcreativeblog-header-text: #FFFFFF;
--phcreativeblog-menu-text: #232323;
--phcreativeblog-top-bar-text: #fffdec;
--phcreativeblog-top-bar-background: #3a3a3a;
--phcreativeblog-mobile-header-background: #FFFFFF;
--phcreativeblog-mobile-header-text: #222222;
}
.homepage-title,
.page-entry-header {
text-align: left;
width: 100%;
display: block;
margin: 15px 0px;
}
.homepage-title h2,
.page-entry-header h2,
.homepage-title h1,
.page-entry-header h1 {
padding-bottom: 21px;
margin-bottom: 0;
border-bottom: solid 1px #eeee;
font-size: 19px;
}
.homepage-title span,
.page-entry-header span {
position: relative;
}
.homepage-title span:after,
.page-entry-header span:after {
content: "";
width: 80%;
position: absolute;
height: 4px;
background: var(--phcreativeblog-primary);
left: 0%;
top: 42px;
}
@media only screen and (max-width: 468px) {
.homepage-title span:after,
.page-entry-header span:after {
display: none;
}
}
@media only screen and (max-width: 992px) {
#primary {
width: 100%;
margin: auto;
}
}
.blog-style1 {
border-bottom: var(--phcreativeblog-background-darker) solid 1px;
margin-bottom: 25px;
padding: 20px 10px;
padding-bottom: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-style1 .thumbnail {
position: relative;
margin-bottom: 10px;
min-height: 275px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 11px;
-webkit-box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
}
.blog-style1 .category-ribbon {
position: absolute;
left: 36px;
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
text-transform: uppercase;
padding: 5px 8px;
border-radius: 2px;
font-size: 11px;
line-height: 11px;
z-index: 99;
opacity: 0.8;
text-decoration: none;
}
.blog-style1 .entry-title {
font-size: 24px;
}
.blog-style1 .entry-title a {
color: var(--phcreativeblog-text-dark);
text-decoration: none;
font-weight: 700;
font-size: 24px;
}
.blog-style1 .entry-title a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.blog-style1 .entry-meta {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 300;
display: inline-block;
padding-bottom: 10px;
border-bottom: solid 1px var(--phcreativeblog-background-darker);
}
.blog-style1 .entry-meta a {
color: var(--phcreativeblog-secondary);
text-decoration: none;
}
.blog-style1 .entry-meta a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.blog-style1 .entry-excerpt {
font-weight: 400;
color: var(--phcreativeblog-text);
line-height: 1.6em;
}
@media screen and (max-width: 767px) {
.blog-style1 {
margin: auto;
padding: 0;
display: block;
}
.blog-style1 .thumbnail {
margin-bottom: 15px;
}
.blog-style1 .thumbnail img {
width: 100%;
}
}
.blog-style2 {
border-bottom: var(--phcreativeblog-background-darker) solid 1px;
margin-bottom: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 15px;
border-radius: 21px;
}
@media only screen and (max-width: 992px) {
.blog-style2 {
width: 100%;
margin: 10px auto;
}
}
.blog-style2:nth-child(even) {
background: var(--phcreativeblog-background-light);
}
.blog-style2:nth-child(odd) {
background: var(--phcreativeblog-background-vibrant);
}
.blog-style2 .thumbnail {
position: relative;
margin-bottom: 10px;
min-height: 275px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 11px;
}
.blog-style2 .thumbnail img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 11px;
}
.blog-style2 .thumbnail .category-ribbon {
position: absolute;
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
text-transform: uppercase;
padding: 5px 8px;
border-radius: 2px;
font-size: 11px;
line-height: 11px;
z-index: 99;
opacity: 0.8;
text-decoration: none;
}
.blog-style2 .entry-title a {
color: var(--phcreativeblog-text-dark);
text-decoration: none;
font-weight: 500;
font-size: 24px;
line-height: 130%;
}
.blog-style2 .entry-title a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.blog-style2 .entry-meta {
font-size: 12px;
text-transform: uppercase;
font-weight: 300;
display: inline-block;
padding-bottom: 10px;
border-bottom: solid 1px var(--phcreativeblog-text);
}
.blog-style2 .entry-excerpt {
font-weight: 400;
color: var(--phcreativeblog-text);
line-height: 1.6em;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.blog-style2 {
margin: 10px auto;
padding: 15px;
display: block;
}
.blog-style2 .thumbnail {
margin-bottom: 15px;
}
.blog-style2 .thumbnail img {
width: 100%;
}
}
.blog-style3 {
margin-bottom: 30px;
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 15px;
border-radius: 21px;
margin: auto;
}
.blog-style3 .thumbnail {
position: relative;
}
.blog-style3 .thumbnail img {
border-radius: 11px;
-webkit-box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
}
.blog-style3 .category-ribbon {
position: absolute;
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
left: 25px;
text-transform: uppercase;
padding: 5px 8px;
border-radius: 2px;
font-size: 11px;
line-height: 11px;
z-index: 99;
opacity: 0.8;
text-decoration: none;
}
.blog-style3 .entry-title a {
color: var(--phcreativeblog-text-dark);
text-decoration: none;
font-weight: 700;
font-size: 27px;
}
.blog-style3 .entry-title a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.blog-style3 .entry-meta {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 300;
display: inline-block;
padding-bottom: 10px;
border-bottom: solid 1px var(--phcreativeblog-background-darker);
}
.blog-style3 .entry-meta a {
color: var(--phcreativeblog-secondary);
text-decoration: none;
}
.blog-style3 .entry-meta a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.blog-style3 .entry-excerpt {
font-weight: 400;
color: var(--phcreativeblog-text);
line-height: 1.6em;
}
@media screen and (max-width: 767px) {
.blog-style3 {
margin: auto;
display: block;
padding: 0px;
}
.blog-style3 .thumbnail {
margin-bottom: 10px;
}
}
.blog-style4 {
margin-bottom: 30px;
border-radius: 21px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0px auto;
}
.blog-style4 .blog-layout {
border-radius: 11px;
}
.blog-style4 .thumbnail {
position: relative;
}
.blog-style4 .thumbnail img {
border-radius: 11px;
-webkit-box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
box-shadow: var(--phcreativeblog-background-darker) 0px 8px 24px;
}
.blog-style4 .category-ribbon {
position: absolute;
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
left: 25px;
text-transform: uppercase;
padding: 5px 8px;
border-radius: 2px;
font-size: 11px;
line-height: 11px;
z-index: 99;
opacity: 0.8;
text-decoration: none;
}
.entry-title a {
color: var(--phcreativeblog-text-dark);
text-decoration: none;
font-weight: 700;
font-size: 24px;
}
.entry-title a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.entry-meta {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 300;
display: inline-block;
padding-bottom: 10px;
border-bottom: solid 1px var(--phcreativeblog-background-darker);
}
.entry-meta a {
color: var(--phcreativeblog-secondary);
text-decoration: none;
}
.entry-meta a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.entry-excerpt {
font-weight: 400;
color: var(--phcreativeblog-text);
line-height: 1.6em;
}
@media screen and (max-width: 767px) {
margin: 0;
display: block;
padding: 0px;
.thumbnail {
margin-bottom: 10px;
}
}
button.read-more {
letter-spacing: 0.02rem;
margin: 10px 0px;
padding: 5px 15px;
color: var(--phcreativeblog-primary-text);
line-height: 1.8;
font-weight: 500;
border-radius: 7px;
border: solid 1px var(--phcreativeblog-primary);
background: var(--phcreativeblog-primary);
border: none;
}
button.read-more:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-transition: 0.5s ease-in-out !important;
transition: 0.5s ease-in-out !important;
}
button.read-more a {
color: var(--phcreativeblog-primary-text);
-webkit-box-shadow: 0 10px 18px 0 var(--phcreativeblog-primary);
box-shadow: 0 10px 18px 0 var(--phcreativeblog-primary);
}:root {
--phcreativeblog-primary: #FF0F4B;
--phcreativeblog-primary-text: #f9ffe7;
--phcreativeblog-background-main: #fff;
--phcreativeblog-background-vibrant: #49dfd4;
--phcreativeblog-background-darker: #eeeeee;
--phcreativeblog-background-light: #fffbd5;
--phcreativeblog-secondary: #747474;
--phcreativeblog-secondary-dark: #B6002E;
--phcreativeblog-secondary-text: #FFF;
--phcreativeblog-text-dark: #111;
--phcreativeblog-text: #555;
--phcreativeblog-text-light: #777;
--phcreativeblog-header-background: #fff;
--phcreativeblog-header-global-background: #000000;
--phcreativeblog-header-lighter: #222;
--phcreativeblog-header-text: #FFFFFF;
--phcreativeblog-menu-text: #232323;
--phcreativeblog-top-bar-text: #fffdec;
--phcreativeblog-top-bar-background: #3a3a3a;
--phcreativeblog-mobile-header-background: #FFFFFF;
--phcreativeblog-mobile-header-text: #222222;
}
.single-style1 {
border-bottom: var(--phcreativeblog-background-darker) solid 1px;
margin-bottom: 30px;
padding: 15px;
padding-bottom: 30px;
margin-right: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-style1 {
margin-right: 0;
}
}
.single-style1 .entry-title {
border-bottom: solid 1px var(--phcreativeblog-background-darker);
padding-bottom: 10px;
}
.single-style1 .entry-title a {
color: var(--phcreativeblog-text-dark);
text-decoration: none;
font-weight: 400;
font-size: 24px;
}
.single-style1 .entry-title a:hover {
color: var(--phcreativeblog-primary);
}
.single-style1 .entry-title h1 {
font-size: 42px;
line-height: 60px;
}
@media screen and (max-width: 767px) {
.single-style1 .entry-title h1 {
font-size: 26px;
line-height: 36px;
}
}
.single-style1 .post-thumbnail {
text-align: center;
}
.single-style1 .entry-meta,
.single-style1 .entry-footer {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 300;
letter-spacing: 1px;
}
.single-style1 .entry-meta a,
.single-style1 .entry-footer a {
font-weight: normal;
color: var(--phcreativeblog-secondary);
text-decoration: none;
}
.single-style1 .entry-meta a:hover,
.single-style1 .entry-footer a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.single-style1 .entry-content {
font-weight: 400;
color: var(--phcreativeblog-text);
line-height: 1.6em;
}
.single-style1 .entry-content a {
font-weight: normal;
color: var(--phcreativeblog-primary);
text-decoration: none;
border-bottom: solid 1px var(--phcreativeblog-secondary);
}
.single-style1 .entry-content a:hover {
color: var(--phcreativeblog-primary);
border-bottom: solid 1px var(--phcreativeblog-primary);
}
.single-style1 .entry-footer {
margin-top: 35px;
margin-bottom: 35px;
border-top: solid 1px var(--phcreativeblog-background-darker);
padding: 10px 0;
}
.single-style1 .entry-footer .cat-links,
.single-style1 .entry-footer .tags-links {
display: block;
}
.single-style1 .post-navigation {
background: var(--phcreativeblog-primary);
padding: 10px 15px;
margin: 30px 0;
border-radius: 3px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-wrap: break-word;
word-break: break-all;
}
.single-style1 .post-navigation a {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
color: var(--phcreativeblog-primary-text);
}
.single-style1 .post-navigation a i.fa {
font-size: 18px;
color: var(--phcreativeblog-primary);
}
.single-style1 .post-navigation .nav-previous i.fa {
margin-right: 15px;
}
.single-style1 .post-navigation .nav-next i.fa {
margin-left: 15px;
}
.single-style1 .post-navigation .nav-next a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.single-style2 {
border-bottom: var(--phcreativeblog-background-darker) solid 1px;
margin-bottom: 30px;
padding: 15px;
padding-bottom: 30px;
margin-right: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-style2 {
margin: 0;
}
}
.single-style2 .entry-title {
padding-bottom: 10px;
font-size: 48px;
line-height: 65px;
font-weight: bold;
-webkit-filter: brightness(0.8);
filter: brightness(0.8);
}
@media screen and (max-width: 767px) {
.single-style2 .entry-title {
font-size: 26px;
line-height: 36px;
}
}
.single-style2 .post-thumbnail {
text-align: center;
}
.single-style2 .entry-meta {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 300;
letter-spacing: 1px;
}
.single-style2 .entry-meta a {
font-weight: normal;
color: var(--phcreativeblog-secondary);
text-decoration: none;
}
.single-style2 .entry-meta a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.single-style2 .entry-meta .entry-meta-style2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
}
.single-style2 .entry-meta .author-avatar {
max-width: 60px;
padding-right: 0;
}
.single-style2 .entry-meta .author-avatar img {
border-radius: 50%;
border: solid 2px var(--phcreativeblog-background-darker);
}
.single-style2 .entry-meta .byline,
.single-style2 .entry-meta .posted-on {
display: block;
font-size: 14px;
text-transform: none;
letter-spacing: 0;
font-weight: 300;
}
.single-style2 .entry-meta .byline a,
.single-style2 .entry-meta .posted-on a {
font-weight: 500;
}
.single-style2 .entry-content {
font-weight: 400;
color: var(--phcreativeblog-text);
line-height: 1.6em;
}
.single-style2 .entry-content a {
font-weight: normal;
color: var(--phcreativeblog-primary);
text-decoration: none;
border-bottom: solid 1px var(--phcreativeblog-secondary);
}
.single-style2 .entry-content a:hover {
color: var(--phcreativeblog-primary);
border-bottom: solid 1px var(--phcreativeblog-primary);
}
.single-style2 .entry-footer {
margin-top: 25px;
margin-bottom: 25px;
padding: 10px 0;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
.single-style2 .entry-footer .cat-links,
.single-style2 .entry-footer .tags-links {
display: inline-block;
}
.single-style2 .entry-footer .cat-links {
margin-right: 5px;
}
.single-style2 .entry-footer .cat-links a {
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
display: inline-block;
padding: 2px 6px;
border-radius: 2px;
font-weight: normal;
}
.single-style2 .entry-footer .cat-links a:hover {
background: black;
color: white;
}
.single-style2 .entry-footer .tags-links a {
background: var(--phcreativeblog-secondary);
color: var(--phcreativeblog-secondary-text);
display: inline-block;
padding: 2px 6px;
border-radius: 2px;
font-weight: normal;
}
.single-style2 .entry-footer .tags-links a:hover {
background: black;
color: white;
}
.single-style2 .post-navigation {
padding: 10px 0px;
margin: 25px 0;
border-radius: 3px;
font-size: 14px;
border-top: solid 1px var(--phcreativeblog-background-darker);
border-bottom: solid 1px var(--phcreativeblog-background-darker);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-wrap: break-word;
word-break: break-all;
}
.single-style2 .post-navigation a {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--phcreativeblog-text-dark);
font-weight: bold;
}
.single-style2 .post-navigation a:hover {
color: var(--phcreativeblog-primary);
}
.single-style2 .post-navigation a i.fa {
font-size: 18px;
color: var(--phcreativeblog-primary);
}
.single-style2 .post-navigation .nav-previous i.fa {
margin-right: 15px;
}
.single-style2 .post-navigation .nav-next i.fa {
margin-left: 15px;
}
.single-style2 .post-navigation .nav-next a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.single-style3 {
border-bottom: var(--phcreativeblog-background-darker) solid 1px;
margin-bottom: 30px;
padding: 15px;
padding-bottom: 30px;
margin-right: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-style3 {
margin-right: 0;
}
}
.single-style3 .category-wrapper {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.single-style3 .category-wrapper a {
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: var(--phcreativeblog-secondary);
}
.single-style3 .category-wrapper a:hover {
color: var(--phcreativeblog-primary);
}
.single-style3 .category-wrapper a::before {
width: 28px;
height: 5px;
display: block;
content: "";
position: absolute;
bottom: -2px;
left: 50%;
margin-left: -14px;
background-color: var(--phcreativeblog-secondary);
}
.single-style3 .category-wrapper a::after {
width: 100px;
height: 1px;
display: block;
content: "";
position: relative;
margin-top: 10px;
left: 50%;
margin-left: -50px;
background-color: var(--phcreativeblog-secondary);
}
.single-style3 .entry-title {
border-bottom: solid 1px var(--phcreativeblog-background-darker);
padding-bottom: 10px;
font-size: 47px;
text-align: center;
margin-bottom: 20px;
font-weight: 700;
}
@media only screen and (max-width: 968px) {
.single-style3 .entry-title {
font-size: 37px;
}
}
.single-style3 .entry-title a {
color: var(--phcreativeblog-text-dark);
text-decoration: none;
font-weight: 400;
}
.single-style3 .entry-title a:hover {
color: var(--phcreativeblog-primary);
}
.single-style3 .entry-title h1 {
font-size: 42px;
line-height: 60px;
}
@media screen and (max-width: 767px) {
.single-style3 .entry-title h1 {
font-size: 26px;
line-height: 36px;
}
}
.single-style3 .post-thumbnail {
text-align: center;
}
.single-style3 .entry-meta,
.single-style3 .entry-footer {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 300;
letter-spacing: 1px;
text-align: center;
}
.single-style3 .entry-meta a,
.single-style3 .entry-footer a {
font-weight: normal;
color: var(--phcreativeblog-secondary);
text-decoration: none;
}
.single-style3 .entry-meta a:hover,
.single-style3 .entry-footer a:hover {
color: var(--phcreativeblog-secondary-dark);
}
.single-style3 .entry-content {
font-weight: 400;
color: var(--phcreativeblog-text);
line-height: 1.6em;
}
.single-style3 .entry-content a {
font-weight: normal;
color: var(--phcreativeblog-primary);
text-decoration: none;
text-decoration: underline;
}
.single-style3 .entry-content a:hover {
color: var(--phcreativeblog-primary);
}
.single-style3 .entry-footer {
margin-top: 35px;
margin-bottom: 35px;
border-top: solid 1px var(--phcreativeblog-background-darker);
padding: 10px 0;
}
.single-style3 .entry-footer .cat-links,
.single-style3 .entry-footer .tags-links {
display: block;
}
.single-style3 .post-navigation {
background: var(--phcreativeblog-background-darker);
padding: 10px 15px;
margin: 30px 0;
border-radius: 3px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-wrap: break-word;
word-break: break-all;
}
.single-style3 .post-navigation a {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-style3 .post-navigation a i.fa {
font-size: 18px;
color: var(--phcreativeblog-primary);
}
.single-style3 .post-navigation .nav-previous i.fa {
margin-right: 15px;
}
.single-style3 .post-navigation .nav-next i.fa {
margin-left: 15px;
}
.single-style3 .post-navigation .nav-next a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#comments ol.comment-list {
list-style: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
#comments li.even.depth-1 {
background: var(--phcreativeblog-background-darker);
margin-bottom: 25px;
padding: 15px;
}
#comments li.even.depth-1 ol.children {
background: var(--phcreativeblog-background-main);
}
#comments li.even.depth-1 ol.children ol.children {
background: var(--phcreativeblog-background-darker);
}
#comments li.even.depth-1 ol.children ol.children li.comment {
background: var(--phcreativeblog-background-main);
margin-bottom: 15px;
padding: 10px;
}
#comments li.odd.depth-1 {
border: solid 1px var(--phcreativeblog-background-darker);
margin-bottom: 25px;
padding: 15px;
}
#comments li.odd.depth-1 ol.children {
background: var(--phcreativeblog-background-darker);
}
#comments li.odd.depth-1 ol.children ol.children {
background: var(--phcreativeblog-background-main);
}
#comments li.odd.depth-1 ol.children ol.children li.comment {
border: solid 1px var(--phcreativeblog-background-darker);
margin-bottom: 15px;
padding: 10px;
}
#comments ol.children {
list-style: none;
padding: 15px;
margin-top: 15px;
}
#comments li.comment .comment-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: solid 1px var(--phcreativeblog-background-darker);
padding-bottom: 8px;
margin-bottom: 15px;
}
#comments li.comment .comment-author img {
border-radius: 50%;
border: solid 3px var(--phcreativeblog-primary);
margin-right: 5px;
}
#comments li.comment .comment-metadata {
font-size: 10px;
text-transform: uppercase;
}
#comments li.comment .comment-metadata a {
text-decoration: none;
}
#reply-title {
font-size: 24px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: solid 2px var(--phcreativeblog-background-darker);
}
#respond textarea,
#respond input[type=text],
#respond input[type=email],
#respond input[type=url],
#respond input[type=text] {
background: var(--phcreativeblog-background-darker);
border: solid 3px var(--phcreativeblog-background-darker);
}
#respond label {
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
font-size: 12px;
min-width: 75px;
}
#respond form p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#respond .comment-form-cookies-consent label {
margin-left: 8px;
}
#respond input[type=submit] {
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
}
body.page .page-entry-header h1,
body.archive .page-entry-header h1,
body.search .page-entry-header h1 {
font-size: 36px;
border-bottom-width: 3px;
}
body.page .page-entry-header span:after,
body.archive .page-entry-header span:after,
body.search .page-entry-header span:after {
height: 3px;
top: 63px;
}
.archive-description {
background: var(--phcreativeblog-background-darker);
padding: 15px;
}
#primary.col-md-12 article {
margin-right: 0;
}
.single .entry-content,
.page .entry-content {
font-size: 16px;
line-height: 26px;
}
.single .entry-content h1,
.page .entry-content h1,
.single .entry-content h2,
.page .entry-content h2,
.single .entry-content h3,
.page .entry-content h3,
.single .entry-content h4,
.page .entry-content h4,
.single .entry-content h5,
.page .entry-content h5,
.single .entry-content h6,
.page .entry-content h6 {
color: var(--phcreativeblog-text-dark);
}
.single .entry-content table th,
.page .entry-content table th,
.single .entry-content table td,
.page .entry-content table td {
padding: 5px;
}
.single .entry-content table thead,
.page .entry-content table thead {
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
}
.single .entry-content table tr,
.page .entry-content table tr {
border-bottom: solid 1px var(--phcreativeblog-background-darker);
}
.single .entry-content blockquote,
.page .entry-content blockquote {
font-weight: bold;
font-size: 21px;
text-align: center;
color: var(--phcreativeblog-text-dark);
margin: 20px auto;
letter-spacing: 1px;
}
.breadcrumb-wrapper {
background: var(--phcreativeblog-background-darker);
padding: 0.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
}
.breadcrumb-wrapper img {
width: 20px;
margin-top: 0px;
}
.breadcrumb-wrapper a {
color: var(--phcreativeblog-text-dark);
}
@media only screen and (max-width: 1280px) {
.breadcrumb {
display: none;
}
}:root {
--phcreativeblog-primary: #FF0F4B;
--phcreativeblog-primary-text: #f9ffe7;
--phcreativeblog-background-main: #fff;
--phcreativeblog-background-vibrant: #49dfd4;
--phcreativeblog-background-darker: #eeeeee;
--phcreativeblog-background-light: #fffbd5;
--phcreativeblog-secondary: #747474;
--phcreativeblog-secondary-dark: #B6002E;
--phcreativeblog-secondary-text: #FFF;
--phcreativeblog-text-dark: #111;
--phcreativeblog-text: #555;
--phcreativeblog-text-light: #777;
--phcreativeblog-header-background: #fff;
--phcreativeblog-header-global-background: #000000;
--phcreativeblog-header-lighter: #222;
--phcreativeblog-header-text: #FFFFFF;
--phcreativeblog-menu-text: #232323;
--phcreativeblog-top-bar-text: #fffdec;
--phcreativeblog-top-bar-background: #3a3a3a;
--phcreativeblog-mobile-header-background: #FFFFFF;
--phcreativeblog-mobile-header-text: #222222;
}
#secondary {
border-left: var(--phcreativeblog-background-darker) solid 1px;
padding: 15px;
}
@media screen and (max-width: 767px) {
#secondary {
border: none;
}
}
@media only screen and (max-width: 992px) {
#secondary {
display: block;
width: 100%;
}
}
#secondary button {
background: var(--phcreativeblog-secondary-dark);
border-radius: 8px;
color: var(--phcreativeblog-primary-text);
}
#secondary .widget {
border-radius: 11px;
padding: 15px 15px 5px 15px;
background: var(--phcreativeblog-background-light);
-webkit-box-shadow: 0px 10px 40px var(--phcreativeblog-background-darker);
box-shadow: 0px 10px 40px var(--phcreativeblog-background-darker);
}
#secondary .widget h2,
#secondary .widget h3,
#secondary .widget h4,
#secondary .widget h1,
#secondary .widget .widget-title {
font-size: 28px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.5em;
position: relative;
}
#secondary .widget ul,
#secondary .widget ol {
margin-left: 3px;
padding-left: 0px;
list-style: none;
}
#secondary .widget li {
padding: 8px 0;
border-bottom: solid 1px var(--phcreativeblog-background-darker);
}
#secondary .widget li:last-child {
border-bottom: none;
}
#secondary .widget li a {
color: var(--phcreativeblog-text-light);
text-decoration: none;
}
#secondary .widget li a:hover {
color: var(--phcreativeblog-secondary-dark);
}
#secondary .widget p a {
text-decoration: underline;
color: var(--phcreativeblog-primary);
}
#secondary .widget .widget_block h1:only-child,
#secondary .widget .widget_block h2:only-child,
#secondary .widget .widget_block h3:only-child,
#secondary .widget .widget_block h4:only-child,
#secondary .widget .widget_block h5:only-child,
#secondary .widget .widget_block h6:only-child {
margin-bottom: -40px;
} .featured-post-widget { padding: 10px;
}
.featured-post-widget .fp-sidebar-title {
font-size: 20px;
margin-bottom: 5px; }
.featured-post-widget .featured-sidebar-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.featured-post-widget .featured-sidebar-row .sidebar-thumbnail-wrapper { margin-bottom: 10px;
}
.featured-post-widget .featured-sidebar-row .sidebar-thumbnail-wrapper img { max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
aspect-ratio: 1;
}
.featured-post-widget .featured-sidebar-row .sidebar-post-info-wrapper { padding: 0px;
margin-bottom: 10px;
}
.featured-post-widget .featured-sidebar-row .sidebar-post-info-wrapper #entry-title-fp {
font-size: 16px;
color: var(--phcreativeblog-text);
text-transform: capitalize;
}
.featured-post-widget .featured-sidebar-row .sidebar-post-info-wrapper .entry-meta { font-size: 13px;
color: var(--phcreativeblog-text);
}
.featured-post-widget .featured-sidebar-row .sidebar-post-info-wrapper .entry-meta a {
color: var(--phcreativeblog-secondary);
}:root {
--phcreativeblog-primary: #FF0F4B;
--phcreativeblog-primary-text: #f9ffe7;
--phcreativeblog-background-main: #fff;
--phcreativeblog-background-vibrant: #49dfd4;
--phcreativeblog-background-darker: #eeeeee;
--phcreativeblog-background-light: #fffbd5;
--phcreativeblog-secondary: #747474;
--phcreativeblog-secondary-dark: #B6002E;
--phcreativeblog-secondary-text: #FFF;
--phcreativeblog-text-dark: #111;
--phcreativeblog-text: #555;
--phcreativeblog-text-light: #777;
--phcreativeblog-header-background: #fff;
--phcreativeblog-header-global-background: #000000;
--phcreativeblog-header-lighter: #222;
--phcreativeblog-header-text: #FFFFFF;
--phcreativeblog-menu-text: #232323;
--phcreativeblog-top-bar-text: #fffdec;
--phcreativeblog-top-bar-background: #3a3a3a;
--phcreativeblog-mobile-header-background: #FFFFFF;
--phcreativeblog-mobile-header-text: #222222;
}
#footer-widgets {
background: var(--phcreativeblog-background-light);
padding: 20px 0;
margin-top: 45px;
}
#footer-widgets .widget h2,
#footer-widgets .widget h3,
#footer-widgets .widget h4,
#footer-widgets .widget h1,
#footer-widgets .widget .widget-title {
font-weight: 700;
font-size: 24px;
padding-bottom: 10px;
}
#footer-widgets .widget ul,
#footer-widgets .widget ol {
margin-left: 3px;
padding-left: 0px;
list-style: none;
}
#footer-widgets .widget li {
padding: 8px 0;
border-bottom: solid 1px var(--phcreativeblog-background-darker);
}
#footer-widgets .widget li:last-child {
border-bottom: none;
}
#footer-widgets .widget li a {
color: var(--phcreativeblog-text-light);
text-decoration: none;
}
#footer-widgets .widget li a:hover {
color: var(--phcreativeblog-secondary-dark);
}
#footer-widgets .widget p a {
text-decoration: underline;
}
#footer-widgets .widget_block h1:only-child,
#footer-widgets .widget_block h2:only-child,
#footer-widgets .widget_block h3:only-child,
#footer-widgets .widget_block h4:only-child,
#footer-widgets .widget_block h5:only-child,
#footer-widgets .widget_block h6:only-child {
margin-bottom: -40px;
}
.backToTopBtn {
position: fixed;
bottom: 50px;
right: 50px;
z-index: 1;
height: 50px;
width: 50px;
font-size: 20px;
border: none;
color: #cccccc;
border-radius: 21%;
-webkit-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
-webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.backToTopBtn #scroll {
max-width: 45px;
z-index: 99;
position: relative;
left: -18px;
bottom: 10px;
}
.backToTopBtn.active {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.backToTopBtn:not(.active) {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
#colophon {
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
padding: 15px;
text-align: center;
}
#colophon a {
color: var(--phcreativeblog-primary-text);
font-weight: bold;
text-decoration: none;
}:root {
--phcreativeblog-primary: #FF0F4B;
--phcreativeblog-primary-text: #f9ffe7;
--phcreativeblog-background-main: #fff;
--phcreativeblog-background-vibrant: #49dfd4;
--phcreativeblog-background-darker: #eeeeee;
--phcreativeblog-background-light: #fffbd5;
--phcreativeblog-secondary: #747474;
--phcreativeblog-secondary-dark: #B6002E;
--phcreativeblog-secondary-text: #FFF;
--phcreativeblog-text-dark: #111;
--phcreativeblog-text: #555;
--phcreativeblog-text-light: #777;
--phcreativeblog-header-background: #fff;
--phcreativeblog-header-global-background: #000000;
--phcreativeblog-header-lighter: #222;
--phcreativeblog-header-text: #FFFFFF;
--phcreativeblog-menu-text: #232323;
--phcreativeblog-top-bar-text: #fffdec;
--phcreativeblog-top-bar-background: #3a3a3a;
--phcreativeblog-mobile-header-background: #FFFFFF;
--phcreativeblog-mobile-header-text: #222222;
}
.featured-module {
padding: 20px 0px;
}
.featured-module .module-title-style1 {
text-align: center;
width: 100%;
display: block;
margin-bottom: 35px;
}
.featured-module .module-title-style1 h2 {
padding-bottom: 25px;
margin-bottom: 0;
border-bottom: solid 2px var(--phcreativeblog-background-darker);
font-size: 24px;
}
.featured-module .module-title-style1 span {
font-size: 28px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5em;
padding-bottom: 15px;
position: relative;
}
.featured-module .module-title-style1 span::before {
content: "";
width: 80%;
position: absolute;
height: 2px;
background: var(--phcreativeblog-primary);
left: 10%;
top: 56px;
}
.featured-module .module-title-style2 {
width: 100%;
display: block;
margin-bottom: 35px;
}
.featured-module .module-title-style2 h2 {
margin-bottom: 0;
position: relative;
line-height: 16px;
}
.featured-module .module-title-style2 span {
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0;
line-height: 1.5em;
padding-bottom: 15px;
position: relative;
}
.featured-module .module-title-style2 span::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 5px;
width: 55px;
background-color: var(--phcreativeblog-text-dark);
}
.featured-module .module-title-style2 span::after {
content: "";
position: absolute;
left: 0;
bottom: 2px;
height: 1px;
width: 95%;
max-width: 255px;
background-color: var(--phcreativeblog-text-dark);
}
.featured-module:nth-of-type(n+2) {
margin-top: 30px;
}
.featured-module:nth-of-type(n+3) {
margin-top: 0px;
}
.featured-module:first-child {
margin-top: 25px;
}
@media screen and (max-width: 767px) {
.featured-module {
padding: 10px 0px;
}
}
.feature-area-one-wrapper {
background: var(--phcreativeblog-background-darker);
padding: 25px;
}
@media only screen and (max-width: 568px) {
.feature-area-one-wrapper {
padding: 10px;
}
}
.feature-area-one-wrapper .featured-module-style1 a {
text-decoration: none;
}
.feature-area-one-wrapper .featured-module-style1 a h2 {
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
}
.feature-area-one-wrapper .featured-module-style1 img {
width: 100%;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
aspect-ratio: 1.3;
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px;
}
.feature-area-one-wrapper .featured-module-style1 .featured-post {
position: relative;
}
@media screen and (max-width: 767px) {
.feature-area-one-wrapper .featured-module-style1 .featured-post {
margin-bottom: 15px;
}
}
.feature-area-one-wrapper .featured-module-style1 .featured-post:hover img {
-webkit-filter: brightness(0.5);
filter: brightness(0.5);
}
.feature-area-one-wrapper .featured-module-style1 .featured-post:hover a h2 {
color: var(--phcreativeblog-primary);
}
.feature-area-one-wrapper .featured-module-style1 .featured-post .category-ribbon {
position: absolute;
top: 12px;
left: 5px;
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
text-transform: uppercase;
padding: 5px 8px;
font-size: 11px;
left: 36px;
line-height: 11px;
z-index: 99;
}
.feature-area-one-wrapper .featured-module-style1 .entry-title {
font-size: 18px;
text-decoration: none;
line-height: 1.5em;
margin-top: 10px;
color: var(--phcreativeblog-text-dark);
font-size: 16px;
font-weight: 700;
line-height: 1.4em;
}
.feature-area-one-wrapper .featured-module-style1 .footer-meta {
font-size: 12px;
text-transform: uppercase;
color: var(--phcreativeblog-text-light);
}
.feature-area-two-wrapper {
background: var(--phcreativeblog-background-darker);
padding: 20px;
}
@media only screen and (max-width: 568px) {
.feature-area-two-wrapper {
padding: 10px;
}
}
.feature-area-two-wrapper .featured-module-style2 .big {
margin-bottom: 15px;
position: relative;
}
.feature-area-two-wrapper .featured-module-style2 .big .category-ribbon {
position: absolute;
top: 7px;
left: 7px;
background: var(--phcreativeblog-primary);
color: var(--phcreativeblog-primary-text);
text-transform: uppercase;
padding: 5px 8px;
border-radius: 2px;
font-size: 10px;
line-height: 11px;
z-index: 1;
text-decoration: none;
}
.feature-area-two-wrapper .featured-module-style2 .big a {
display: block;
color: #fff;
}
.feature-area-two-wrapper .featured-module-style2 .big .box-shadow {
background: -webkit-gradient(linear, left top, right top, from(var(--phcreativeblog-primary)), color-stop(transparent), to(transparent));
background: linear-gradient(90deg, var(--phcreativeblog-primary), transparent, transparent);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index: 5;
-webkit-transition: 1s all ease;
transition: 1s all ease;
}
.feature-area-two-wrapper .featured-module-style2 .big img {
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
width: 100%;
}
.feature-area-two-wrapper .featured-module-style2 .big .footer-meta {
position: absolute;
bottom: 0;
z-index: 6;
padding: 5px 10px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.6;
}
.feature-area-two-wrapper .featured-module-style2 .big .entry-title {
position: absolute;
bottom: 15px;
z-index: 6;
padding: 10px 10px;
font-size: 21px;
line-height: 27px;
}
.feature-area-two-wrapper .featured-module-style2 .big:hover img {
-webkit-filter: brightness(0.8);
filter: brightness(0.8);
}
.feature-area-two-wrapper .featured-module-style2 .big .entry-excerpt {
color: var(--phcreativeblog-text);
}
.feature-area-two-wrapper .featured-module-style2 .small {
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
.feature-area-two-wrapper .featured-module-style2 .small .featured-image {
max-width: 220px;
position: relative;
}
.feature-area-two-wrapper .featured-module-style2 .small a {
text-decoration: none;
display: block;
overflow: auto;
color: var(--phcreativeblog-text-dark);
}
.feature-area-two-wrapper .featured-module-style2 .small figure {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 11px;
}
.feature-area-two-wrapper .featured-module-style2 .small figure img {
max-width: 100%;
aspect-ratio: 1.33333333;
height: auto;
margin-right: 10px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
-o-object-fit: cover;
object-fit: cover;
border-radius: 11px;
}
.feature-area-two-wrapper .featured-module-style2 .small h2 {
font-size: 19px;
display: inline-block;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
position: relative;
padding-bottom: 5px;
font-weight: 600;
}
.feature-area-two-wrapper .featured-module-style2 .small h2::before {
content: "";
position: absolute;
width: 100%;
top: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--phcreativeblog-secondary-dark)), to(var(--phcreativeblog-secondary-dark)));
background-image: linear-gradient(var(--phcreativeblog-secondary-dark), var(--phcreativeblog-secondary-dark));
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left bottom;
-webkit-transition: background-size 0.3s ease-in;
transition: background-size 0.3s ease-in; }
.feature-area-two-wrapper .featured-module-style2 .small h2:hover::before {
background-size: 100% 2px;
}
.feature-area-two-wrapper .featured-module-style2 .small h2:hover {
color: var(--phcreativeblog-secondary-dark);
}
.feature-area-two-wrapper .featured-module-style2 .small .footer-meta {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.8;
color: var(--phcreativeblog-text-light);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.feature-area-two-wrapper .featured-module-style2 .small .footer-meta a {
display: block;
}
.feature-area-two-wrapper .featured-module-style2 .small .footer-meta .category-text {
color: var(--phcreativeblog-primary-text);
font-weight: 700;
letter-spacing: 0;
background: var(--phcreativeblog-primary);
padding: 2px 5px;
border-radius: 2px;
margin-right: 5px;
line-height: 11px;
}
.feature-area-two-wrapper .featured-module-style2 .small:hover img {
-webkit-filter: brightness(0.8);
filter: brightness(0.8);
}
.feature-area-two-wrapper .featured-module-style2 .bigger {
overflow: hidden;
}
.feature-area-two-wrapper .featured-module-style2 .bigger .post-info {
bottom: 40px;
left: 40px;
opacity: 0.9;
margin: 20px 0px;
}
.feature-area-two-wrapper .featured-module-style2 .bigger .category-ribbon {
margin-top: 10px;
position: relative;
top: 5px;
padding-bottom: 5px;
font-weight: bolder;
color: var(--phcreativeblog-text-dark);
text-transform: uppercase;
font-size: 11px;
line-height: 11px;
z-index: 1;
border-bottom: solid 4px var(--phcreativeblog-primary);
}
.feature-area-two-wrapper .featured-module-style2 .bigger .category-ribbon::after {
content: "";
background: var(--phcreativeblog-primary);
}
.feature-area-two-wrapper .featured-module-style2 .bigger a {
text-decoration: none;
}
.feature-area-two-wrapper .featured-module-style2 .bigger a h2 {
font-size: 30px;
font-weight: 700;
color: var(--phcreativeblog-text-dark);
padding-bottom: 5px;
margin-top: 10px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.feature-area-two-wrapper .featured-module-style2 .bigger .entry-excerpt p,
.feature-area-two-wrapper .featured-module-style2 .bigger .entry-excerpt a {
color: var(--phcreativeblog-text);
}
.feature-area-two-wrapper .featured-module-style2 .bigger .entry-excerpt p:hover,
.feature-area-two-wrapper .featured-module-style2 .bigger .entry-excerpt a:hover {
color: var(--phcreativeblog-text);
}
.feature-area-two-wrapper .featured-module-style2 .bigger figure {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 11px;
}
.feature-area-two-wrapper .featured-module-style2 .bigger img {
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
width: 100%;
aspect-ratio: 1.5;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 11px;
transition: transform 3.5s ease-in-out, -webkit-transform 3.5s ease-in-out;
}
.feature-area-two-wrapper .featured-module-style2 .bigger img:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5);
border-radius: 11px;
}
.feature-area-two-wrapper .featured-module-style2 .bigger h2 {
margin-top: 10px;
position: relative;
}
.feature-area-two-wrapper .featured-module-style2 .bigger h2::before {
content: "";
position: absolute;
width: 100%;
top: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--phcreativeblog-secondary-dark)), to(var(--phcreativeblog-secondary-dark)));
background-image: linear-gradient(var(--phcreativeblog-secondary-dark), var(--phcreativeblog-secondary-dark));
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left bottom;
-webkit-transition: background-size 0.3s ease-in;
transition: background-size 0.3s ease-in; }
.feature-area-two-wrapper .featured-module-style2 .bigger h2:hover::before {
background-size: 100% 2px;
}
.feature-area-two-wrapper .featured-module-style2 .bigger h2:hover {
color: var(--phcreativeblog-secondary-dark);
}
.feature-area-two-wrapper .featured-module-style2 .bigger .read-more {
display: none;
}
.feature-area-two-wrapper .featured-module-style2 .bigger .footer-meta {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.6;
color: var(--phcreativeblog-text-light);
margin-bottom: 16px;
}
.feature-area-two-wrapper .featured-module-style2 .bigger:hover img {
-webkit-filter: brightness(0.8);
filter: brightness(0.8);
}
.feature-area-two-wrapper .featured-module-style2 .bigger:hover a h2 {
opacity: 0.8;
}
@media screen and (max-width: 767px) {
.feature-area-two-wrapper .featured-module-style2 .bigger {
margin-bottom: 10px;
}
.feature-area-two-wrapper .featured-module-style2 .bigger a h2 {
font-size: 26px;
}
.feature-area-two-wrapper .featured-module-style2 .big a h2 {
font-size: 15px;
line-height: 20px;
}
.feature-area-two-wrapper .featured-module-style2 .small img {
max-width: 110px;
}
.feature-area-two-wrapper .featured-module-style2 .small .featured-image {
max-width: 122px;
}
.feature-area-two-wrapper .featured-module-style2 .small h2 {
font-size: 14px;
}
.feature-area-two-wrapper .featured-module-style2 .small .footer-meta {
font-size: 9px;
}
}
.swiper-container {
position: relative;
width: 100%;
height: 570px; margin-top: 1.75rem;
margin-bottom: 1.4rem;
overflow: hidden;
}
@media only screen and (max-width: 568px) {
.swiper-container {
height: 240px;
}
}
.swiper-container .swiper-slide {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; overflow: hidden;
background-repeat: no-repeat;
}
.swiper-container .swiper-slide .slide-overlay {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, var(--phcreativeblog-primary), transparent);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px; }
.swiper-container .swiper-slide .slide-overlay a {
text-decoration: none;
}
.swiper-container .swiper-slide .slide-overlay a .slide-title {
color: #fff; font-size: 2.7rem; line-height: 2.8rem;
margin: 1.2rem auto;
}
.swiper-container .swiper-slide .slide-overlay a .slide-title:hover {
color: #fff;
-webkit-filter: brightness(1);
filter: brightness(1);
}
@media only screen and (max-width: 568px) {
.swiper-container .swiper-slide .slide-overlay a .slide-title {
font-size: 1.2rem;
line-height: 1.2rem;
}
}
.swiper-container .swiper-slide .slide-overlay .post-details-wrapper {
color: #fff;
position: absolute;
top: 50%;
left: 40px;
bottom: inherit;
padding: 30px 0;
width: 60%;
background: 0 0;
z-index: 2;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 568px) {
.swiper-container .swiper-slide .slide-overlay .post-details-wrapper {
width: 70%;
}
}
.swiper-container .swiper-slide .slide-overlay .post-details-wrapper .post-category {
background: var(--primary-color);
display: inline-block;
font-size: 11px;
font-weight: 400;
color: inherit;
line-height: normal;
margin-right: 5px;
padding: 3px 6px;
text-transform: uppercase;
letter-spacing: 1px;
}
.swiper-container .swiper-slide .slide-overlay .post-details-wrapper .post-meta {
text-transform: uppercase;
font-size: 0.75rem;
}
.swiper-container .swiper-slide .slide-overlay .post-details-wrapper .post-meta .post-author {
margin-right: 0.5rem;
}
.swiper-container .swiper-button-prev:after {
display: none;
}
.swiper-container .swiper-button-next:after {
display: none;
}
.swiper-container .swiper-pagination-bullet-active {
background: #fff;
}
.content-before-main-area .widgets-wrapper-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
@media only screen and (max-width: 968px) {
.content-before-main-area .widgets-wrapper-top {
display: block;
}
}
.content-before-main-area .widgets-wrapper-top .widget-title {
font-size: 1.2rem;
margin: 1rem 0rem;
padding: 25px 0px;
text-transform: none;
font-weight: 300;
position: relative;
}
.content-before-main-area .widgets-wrapper-top .widget-title::after {
content: '.....';
color: var(--primary-color);
font-size: 60px;
line-height: 3px;
display: block;
width: 20%;
}