body {
--gp-base-color: #1f2e3f;
--gp-url-color: #6a98dc;
--gp-contrast-color: #f5f5f5;
--gp-base-color-trans: #1f2e3f00;
--gp-gpc-color: #f8fff4;
--gp-gpc-align: 270deg;
--gp-gpc-box: 0 calc(50% - 15px) 0 0;
--gp-gpc-text: right; }
.affiliate-disclosure a {
font-weight: bold;
color: black;
}
.article-title, .inside-article {
padding: 20px 0px 0 0px !important;
}
.gpc {
position: relative;
overflow: hidden;
background-color: var(--wgp-base-color);
color: var(--gp-gpc-color);
margin-bottom: 30px;
}
.gpc::after {
display: block;
content: '';
background: linear-gradient(0deg, var(--wgp-base-color) 0, var(--wgp-base-color-trans) 150px);
}
.gpc-content {
max-width: 800px;
margin: 0 auto;
}
.gpc-img {
object-fit: cover;
}
.gpc::after, .gpc-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80vw;
}
.gpc .container {
position: relative;
padding: calc(80vw - 60px) 25px 20px;
z-index: 10;
}
.gp-footer {
padding-top: 30px;
background-color: var(--wgp-base-color);
color: var(--wgp-footer-text-color);
}
.gp-footer .container, .our-sites .container {
max-width: 1200px;
margin: 0 auto;
padding: 20px 20px 0px 20px;
}
.project-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-direction: row;
gap: 30px;
margin-top: 30px
}
.info-social, .info-comp {
width: 100%;
}
.about-us-menu, .about-us-menu ul {
list-style-type: none;
margin: 0;
}
.about-us-menu a {
display: block;
}
.info-comp {
font-size: .9rem
}
.info-comp div {
margin-top: 1rem;
}
.our-sites {
background-color: var(--gp-contrast-color);
padding-bottom: 1.5rem;
}
.bahez-sites {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-decoration: none;
}
.bahez-sites div {
background-color: #FFFFFF;
padding: 20px 30px;
border-radius: 0.3rem;
border: 1px solid #e0e0e0;
}
.bahez-sites div:hover {
-webkit-box-shadow: 0px 0px 10px 2px #D2D2D2;
-moz-box-shadow: 0px 0px 10px 2px #D2D2D2;
box-shadow: 0px 0px 10px 2px #D2D2D2;
}
.bahez-sites h3 {
color: #000000;
font-size: 1.5rem;
font-weight: bold;
margin: 0;
}
.bahez-sites span {
color: var(--gp-url-color);
font-size: 1rem;
}
@media (min-width: 576px) {
.gpc::after, .gpc-img {
height: 60vw;
}
.gpc .container {
padding: calc(60vw - 50px) 25px 30px;
}
.info-social, .info-comp {
max-width: 33%;
}
.info-links {
width: auto;
}
.info-comp {
text-align: right;
}
.bahez-sites {
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
}
@media (min-width: 992px) {
.gpc::after {
background: linear-gradient(var(--gp-gpc-align), #00000000 27%, var(--wgp-base-color) 57%);
opacity: .8;
}
.gpc-content {
margin: var(--gp-gpc-box);
text-align: var(--gp-gpc-text);
}
.gpc::after, .gpc-img {
height: 100%;
}
.gpc .container {
min-height: 500px;
max-width: 1200px;
margin: 0 auto;
padding: 100px 100px;
display: flex;
align-items: center;
}
.gpc h2 {
font-weight: 800;
}
.gp-footer .container, .our-sites .container {
margin: 0 auto;
padding: 10px 40px;
}
.bahez-sites {
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
}
.content-area {
padding-right: 20px;
}
.article-title {
padding: 0 20px !important;
}
@media (max-width: 768px) {
.inside-article {
padding: 0px 0px 0px 0px !important;
}
.content-area {
padding-right: 0;
}
.inside-right-sidebar {
padding: 0px;
}
.about-us-menu li, .about-us-menu ul li {
padding: 5px 0;
}
}
#main {
margin-left: 0 !important;
margin-right: 0 !important;
}
.site-content {
padding: 20px !important;
}
.affiliate-disclosure {
text-align: center;
background-color: #f2f2f2;
font-size: 11px;
padding: 10px 10px;
}
.site-logo {
max-width: calc(100% - 55px);
}
.bahez_related_category_title {
font-weight: bold;
font-size: 1.3rem;
color: var(--wgp-footer-title-color);
display: block;
}
.bahez_related_posts_by_category {
list-style-type: none;
margin: 10px 20px 0px 20px;
}
.bahez_related_posts_by_category a, .about-us-menu a {
color: var(--wgp-footer-text-color);
text-decoration: none;
}
.bahez_related_posts_by_category a:hover, .about-us-menu a:hover {
color: var(--wgp-footer-text-hover-color);
}
.about-us-menu ul {
margin: 0 !important;
}
#nav-below {
text-align: center;
}
.page-numbers {
background-color: #bbc5d5;
border-radius: .3rem;
padding: 8px 15px !important;
min-width: 30px !important;
text-decoration: none;
color: black;
font-weight: 500;
}
.page-numbers:hover {
background-color: #1f2e3f;
color: #ffffff;
}
.page-numbers.current {
color: #ffffff;
background-color: #1f2e3f;
}
table {
width: 100%;
border-collapse: collapse;
border-right: 10px;
}
th:not(.comparative-feature):not(.comparative-option) {
background-color: var(--wgp-base-color);
color: #FFFFFF;
padding: 8px;
text-align: left;
}
table, td, th {
border: none;
}
tr:nth-child(odd):not(.comparative-table tr) {
background-color: #f2f2f2; }
@media only screen and (max-width: 600px) {
th:not(.comparative-feature):not(.comparative-option), td:not(.comparative-feature):not(.comparative-option) {
font-size: 14px;
}
}
.main-navigation .main-nav ul li a {
font-weight: bold;
}
.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li[class*="current-menu-"] > a {
color: var(--wgp-primary) !important;
}
.main-navigation ul ul {
background-color: #fcfcfc;
}
.wpa-cluster span {
display: block;
line-height: 1.4rem;
text-wrap: balance;
}
.ds-description {
margin-top: .5rem;
}