@charset "UTF-8";
 @font-face {
font-family: "Oduda";
src: url(//ganaderiaguajira.com/wp-content/themes/seodo/fonts/Oduda-Bold.eot);
src: url(//ganaderiaguajira.com/wp-content/themes/seodo/fonts/Oduda-Bold.eot?#iefix) format("embedded-opentype"), url(//ganaderiaguajira.com/wp-content/themes/seodo/fonts/Oduda-Bold.woff2) format("woff2"), url(//ganaderiaguajira.com/wp-content/themes/seodo/fonts/Oduda-Bold.woff) format("woff"), url(//ganaderiaguajira.com/wp-content/themes/seodo/fonts/Oduda-Bold.ttf) format("truetype"), url(//ganaderiaguajira.com/wp-content/themes/seodo/fonts/Oduda-Bold.svg#Oduda-Bold) format("svg");
font-weight: bold;
font-style: normal;
}
:root {
--color-main: #009a4e;
--color-second: #fbc50b;
--color-dark: #212529;
} * {
outline: none !important;
}
body {
margin: 0;
padding: 0;
font-family: "Poppins";
font-size: 17px;
color: var(--color-dark);
} img {
max-width: 100%;
}
p {
margin-bottom: 20px;
line-height: 1.7;
opacity: 0.7;
} input[type=text], input[type=email], input[type=search], input[type=password] {
width: 100%;
height: 65px;
border: 1px solid #cecece;
padding: 0 30px;
border-radius: 4px;
}
input[type=submit], input[type=button], button[type=button], button[type=submit] {
height: 65px;
border: none;
background: var(--color-second);
color: #fff;
font-weight: 800;
padding: 0 50px;
font-family: "Oduda";
font-size: 15px;
border-radius: 4px;
}
textarea {
width: 420px;
max-width: 100%;
height: 128px;
border: 1px solid #cecece;
padding: 30px;
border-radius: 4px;
}
select {
width: 100%;
height: 65px;
border: 2px solid #cecece;
padding: 0 30px;
border-radius: 4px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 30px) 28px, calc(100% - 25px) 28px, calc(100% - 2.5em) 15px;
background-size: 5px 5px, 5px 5px, 0px 0px;
background-repeat: no-repeat;
}
select:focus {
background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 25px) 26px, calc(100% - 30px) 26px, calc(100% - 2.5em) 15px;
background-size: 5px 5px, 5px 5px, 0px 0px;
background-repeat: no-repeat;
outline: 0;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
} a {
color: #000;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
a:hover {
text-decoration: underline;
color: #000;
} .no-spacing {
margin: 0 !important;
padding: 0 !important;
}
.no-top-spacing {
padding-top: 0 !important;
margin-top: 0 !important;
}
.no-bottom-spacing {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.spacing-100 {
height: 100px;
} .odometer.odometer-auto-theme {
padding: 0;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
padding: 0;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
left: -4px;
} .pagination {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0;
}
.pagination .page-item {
display: inline-block;
}
.pagination .page-item .page-link {
height: 60px;
line-height: 60px;
padding: 0 40px;
border-radius: 0 !important;
font-size: 12px;
font-weight: 600;
color: var(--color-dark);
outline: none !important;
}
.pagination .page-item .page-link:focus {
outline: none !important;
} .hamburger-menu {
width: 30px;
height: 20px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
cursor: pointer;
}
.hamburger-menu span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
opacity: 1;
right: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.hamburger-menu span:nth-child(1) {
top: 0px;
width: 13px;
}
.hamburger-menu span:nth-child(2) {
top: 9px;
}
.hamburger-menu span:nth-child(3) {
top: 18px;
width: 100%;
}
.hamburger-menu:hover span {
width: 30px !important;
}
.hamburger-menu.open span {
width: 20px !important;
}
.hamburger-menu.open span:nth-child(1) {
top: 9px;
right: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
width: 28px !important;
}
.hamburger-menu.open span:nth-child(2) {
opacity: 0;
right: 20px;
}
.hamburger-menu.open span:nth-child(3) {
top: 9px;
right: 0;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
width: 28px !important;
} .swiper-pagination {
width: 100%;
}
.swiper-pagination .swiper-pagination-bullet {
width: 20px;
height: 6px;
border-radius: 6px;
background: #fff;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
opacity: 0.3;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 50px;
background: var(--color-second);
opacity: 1;
} .preloader {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
position: fixed;
z-index: 9;
right: 0;
top: 0;
background: var(--color-second);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.preloader img {
height: 50px;
border-radius: 50%;
display: inline-block;
mix-blend-mode: lighten;
}
.page-loaded .preloader {
top: -100%;
} .page-transition {
width: 100%;
height: 0;
position: fixed;
z-index: 9;
left: 0;
bottom: 0;
background: var(--color-second);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.page-transition.active {
height: 100%;
} .search-box {
width: 100%;
height: 100vh;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
z-index: 3;
background: #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
opacity: 0;
visibility: hidden;
color: #fff;
}
.search-box .inner {
width: 50vw;
max-width: 700px;
margin: 0 auto;
text-align: center;
}
.search-box .inner form {
width: 100%;
display: block;
padding-top: 100px;
}
.search-box .inner form input[type=search] {
width: 100%;
height: 80px;
border-radius: 8px;
background: none;
font-size: 20px;
margin-bottom: 30px;
font-weight: 300;
}
.search-box .inner form input[type=submit] {
height: 70px;
background: var(--color-main);
border: none;
font-weight: 600;
padding: 0 60px;
color: #fff;
}
.search-box.active {
opacity: 1;
visibility: visible;
} .side-widget {
width: 400px;
height: 100vh;
max-width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
position: fixed;
left: -100%;
top: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
background: #000;
background-image: url(//ganaderiaguajira.com/wp-content/themes/seodo/images/pattern-bg.png);
background-position: center;
background-size: cover;
z-index: 6;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
padding: 20px 30px;
color: #fff;
}
.side-widget .inner {
display: flex;
flex-wrap: wrap;
align-items: center;
overflow-y: auto;
height: 100%;
}
.side-widget .logo {
width: 100%;
display: block;
margin-bottom: 40px;
}
.side-widget .logo img {
height: 49px;
}
.side-widget .show-mobile {
display: none;
}
.side-widget .hide-mobile {
width: 100%;
display: inline-block;
}
.side-widget .gallery {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.side-widget .gallery a {
width: 50%;
padding-right: 3px;
}
.side-widget .gallery a:last-child {
padding-left: 3px;
}
.side-widget p {
width: 100%;
display: block;
color: #fff;
}
.side-widget .widget-title {
display: inline-block;
margin-bottom: 15px;
border-bottom: 4px solid var(--color-second);
font-size: 20px;
font-family: "Oduda";
padding-bottom: 5px;
}
.side-widget .address {
width: 100%;
display: block;
}
.side-widget .address a {
display: inline-block;
color: #fff;
}
.side-widget .social-media {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.side-widget .social-media li {
display: inline-block;
margin-right: 20px;
padding: 0;
list-style: none;
}
.side-widget .social-media li a {
color: #fff;
font-size: 13px;
font-weight: 600;
}
.side-widget .social-media li a:hover {
color: var(--color-second);
}
.side-widget .site-menu {
width: 100%;
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
.side-widget .site-menu div {
width: 100%;
}
.side-widget .site-menu ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.side-widget .site-menu ul li {
width: 100%;
display: block;
margin: 3px 0;
padding: 0;
list-style: none;
}
.side-widget .site-menu ul li.menu-item-has-children i {
display: inline-block;
margin-left: 5px;
font-style: normal;
}
.side-widget .site-menu ul li.menu-item-has-children i:before {
content: "+";
}
.side-widget .site-menu ul li ul {
display: none;
padding-left: 10px;
margin-bottom: 10px;
}
.side-widget .site-menu ul li ul li.menu-item i {
display: none;
}
.side-widget .site-menu ul li ul li.menu-item-has-children i {
display: inline-block;
margin-left: 5px;
}
.side-widget .site-menu ul li ul li.menu-item-has-children ul li i {
display: none;
}
.side-widget .site-menu ul li ul li.menu-item-has-children ul li.menu-item-has-children i {
display: inline-block;
margin-left: 5px;
}
.side-widget .site-menu ul li ul li.menu-item-has-children ul li.menu-item-has-children ul li i {
display: none;
}
.side-widget .site-menu ul li i {
display: none;
margin-left: 10px;
font-size: 20px;
}
.side-widget .site-menu ul li ul {
display: none;
padding-left: 20px;
margin-bottom: 10px;
}
.side-widget .site-menu ul li a {
color: #fff;
font-size: 18px;
font-weight: 600;
padding: 0;
display: inline-block;
width: auto;
}
.side-widget .site-menu ul li a:hover {
text-decoration: none;
color: var(--color-second);
background: none;
}
.side-widget small {
font-size: 11px;
width: 100%;
display: block;
margin-top: 20px;
}
.side-widget.active {
left: 0;
} .topbar {
width: 100%;
height: 50px;
display: flex;
flex-wrap: wrap;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.topbar .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #fff;
font-size: 15px;
}
.topbar .text {
display: inline-block;
position: relative;
}
.topbar .text:before {
content: "";
width: 100%;
height: 3px;
background: var(--color-second);
position: absolute;
left: 0;
bottom: 3px;
z-index: -1;
}
.topbar .social-media {
display: inline-block;
}
.topbar .social-media ul {
display: inline-block;
margin: 0;
margin-left: 10px;
padding: 0;
}
.topbar .social-media ul li {
display: inline-block;
margin: 0 4px;
padding: 0;
list-style: none;
}
.topbar .social-media ul li a {
color: #fff;
font-size: 13px;
}
.topbar .social-media ul li a:hover {
color: var(--color-second);
background: none;
}
.topbar .phone {
display: inline-block;
}
.topbar .phone i {
font-size: 20px;
display: inline-block;
transform: translateY(2px);
} .navbar {
width: 1300px;
max-width: 100%;
display: flex;
flex-wrap: wrap;
background: url(//ganaderiaguajira.com/wp-content/themes/seodo/images/pattern-bg.png) center var(--color-main);
color: #fff;
background-size: cover;
position: absolute;
left: 50%;
top: 50px;
padding: 30px 0;
transform: translateX(-50%);
border-radius: 4px;
z-index: 3;
}
.navbar:before {
content: "";
width: calc(100% - 40px);
height: 8px;
background: #000;
position: absolute;
left: 20px;
bottom: -8px;
opacity: 0.2;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.navbar .logo {
margin-left: 0;
}
.navbar .logo a {
display: inline-block;
}
.navbar .logo a img {
height: 48px;
}
.navbar .site-menu {
margin: 0 30px;
}
.navbar .site-menu ul {
display: block;
margin: 0;
padding: 0;
}
.navbar .site-menu ul li {
display: inline-block;
margin: 0 15px;
padding: 0;
list-style: none;
font-weight: 600;
position: relative;
}
.navbar .site-menu ul li ul {
position: absolute;
left: -20px;
top: calc(100% + 20px);
background: var(--color-second);
padding: 15px 0;
margin: 0;
border-radius: 4px;
display: none;
}
.navbar .site-menu ul li ul:before {
content: "";
width: 100%;
height: 20px;
position: absolute;
left: 0;
top: -20px;
}
.navbar .site-menu ul li ul:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent var(--color-second) transparent;
position: absolute;
left: 20px;
top: -6px;
}
.navbar .site-menu ul li ul li {
width: 100%;
display: block;
white-space: nowrap;
margin: 0;
padding: 5px 20px;
list-style: none;
}
.navbar .site-menu ul li ul li a {
display: inline-block;
}
.navbar .site-menu ul li ul li a:hover {
color: #fff;
text-decoration: underline;
background: none;
}
.navbar .site-menu ul li:hover ul {
display: block;
}
.navbar .site-menu ul li:hover ul li ul {
display: none;
z-index: 1;
}
.navbar .site-menu ul li:hover ul li a:after {
display: none !important;
}
.navbar .site-menu ul li:hover ul li ul:after {
display: none !important;
}
.navbar .site-menu ul li:hover ul li:hover ul {
display: block;
top: -15px;
left: 100%;
background: #212529;
}
.navbar .site-menu ul li:hover ul li:hover ul li ul {
display: none;
}
.navbar .site-menu ul li:hover ul li:hover ul li:hover ul {
display: block;
left: auto;
right: 100%;
background: #2e3338;
}
.navbar .site-menu ul li a {
display: inline-block;
color: #fff;
position: relative;
padding: 0;
font-weight: 600;
font-size: 16px;
}
.navbar .site-menu ul li a:after {
content: "";
width: 0;
height: 3px;
background: var(--color-second);
position: absolute;
left: 50%;
bottom: -5px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.navbar .site-menu ul li a:hover {
text-decoration: none;
color: var(--color-second);
}
.navbar .site-menu ul li a:hover:after {
width: 100%;
left: 0;
}
.navbar .search-button {
display: inline-block;
font-size: 22px;
cursor: pointer;
}
.navbar .hamburger-menu {
display: inline-block;
} .header {
width: 100%;
height: 100vh;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 0;
}
.header .main-slider {
width: 100%;
height: 100vh;
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.header .main-slider .swiper-slide {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 15%;
padding-top: 100px;
background: #000;
}
.header .main-slider .swiper-slide .slide-image {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-size: cover !important;
background-position: center !important;
opacity: 0.7;
}
.header .main-slider .swiper-slide .slide-image-responsive {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-size: cover !important;
background-position: center !important;
opacity: 1;
display: none;
}
.header .main-slider .swiper-slide .slide-inner {
width: 100%;
display: block;
text-align: center;
color: #fff;
position: relative;
z-index: 2;
}
.header .main-slider .swiper-slide .slide-inner h1 {
width: 100%;
display: block;
font-size: 80px;
font-family: "Oduda";
margin-bottom: 10px;
}
.header .main-slider .swiper-slide .slide-inner p {
width: 100%;
display: block;
color: #fff;
margin-bottom: 50px;
font-size: 20px;
}
.header .main-slider .swiper-slide .slide-inner a {
height: 64px;
line-height: 64px;
display: inline-block;
padding: 0 50px;
border-radius: 6px;
background: var(--color-second);
color: #000;
font-family: "Oduda";
font-size: 15px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.header .main-slider .swiper-slide .slide-inner a:hover {
color: #fff;
background: var(--color-main);
text-decoration: none;
transform: translateY(-5px);
}
.header .button-prev {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
position: absolute;
left: 50px;
top: calc(50% - 20px);
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
z-index: 3;
font-size: 23px;
cursor: pointer;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.header .button-prev:hover {
background: var(--color-second);
border-color: transparent;
}
.header .button-next {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
position: absolute;
right: 50px;
top: calc(50% - 20px);
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
z-index: 3;
font-size: 23px;
cursor: pointer;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.header .button-next:hover {
background: var(--color-second);
border-color: transparent;
}
.header .parallax-element {
width: 100%;
height: 65%;
position: absolute;
left: 0;
top: 0;
background-position: bottom center !important;
background-repeat: no-repeat !important;
z-index: 1;
} .page-header {
width: 100%;
height: 600px;
display: flex;
flex-wrap: wrap;
align-items: center;
background-size: auto 150% !important;
position: relative;
padding-top: 100px;
z-index: 0;
}
.page-header:after {
content: "";
width: 100%;
height: 100%;
background: #000;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
}
.page-header .bg-image-responsive {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-position: center !important;
background-size: cover !important;
display: none;
}
.page-header .container {
position: relative;
z-index: 1;
text-align: center;
color: #fff;
}
.page-header .container h2 {
width: 100%;
display: block;
font-size: 100px;
font-family: "Oduda";
}
.page-header .container p {
width: 100%;
display: block;
margin: 0;
font-size: 19px;
color: #fff;
}
.page-header .parallax-element {
width: 100%;
height: 85%;
position: absolute;
left: 0;
top: 0;
background: url(//ganaderiaguajira.com/wp-content/themes/seodo/images/parallax-element.png) no-repeat bottom center;
z-index: 1;
} .content-section {
width: 100%;
display: block;
padding: 100px 0;
position: relative;
background-size: cover !important;
}
[data-stellar-background-ratio] {
background-size: 100% auto !important;
} .bottom-white-space {
padding-bottom: 0;
position: relative;
}
.bottom-white-space:after {
content: "";
width: 100%;
height: 100px;
background: #fff;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
}
.bottom-white-space .container {
position: relative;
z-index: 1;
} .custom-link {
display: inline-block;
position: relative;
}
.custom-link:before {
content: "";
width: 100%;
height: 3px;
background: var(--color-second);
position: absolute;
right: 0;
bottom: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.custom-link:hover {
text-decoration: none;
}
.custom-link:hover:before {
width: 0;
}
.custom-button {
height: 64px;
line-height: 64px;
display: inline-block;
padding: 0 50px;
margin-right: 30px;
border-radius: 6px;
background: var(--color-second);
color: #000;
font-family: "Oduda";
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
font-size: 15px;
}
.custom-button:hover {
color: #fff;
background: var(--color-main);
text-decoration: none;
transform: translateY(-5px);
} .section-title {
width: 100%;
display: block;
margin-bottom: 60px;
text-align: center;
}
.section-title.text-left {
text-align: left;
}
.section-title.text-left h6 {
display: inline-block;
border-bottom: 3px solid var(--color-second);
}
.section-title figure {
width: 100%;
display: block;
margin-bottom: 30px;
}
.section-title figure img {
height: 58px;
}
.section-title h6 {
display: block;
color: #777;
margin-bottom: 10px;
}
.section-title h2 {
width: 100%;
display: block;
font-size: 50px;
font-family: "Oduda";
}
.section-title p {
margin-top: 30px;
} .side-slider {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
}
.side-slider .slider {
width: 100%;
display: flex;
flex-wrap: wrap;
overflow: hidden;
border-radius: 6px;
}
.side-slider .slider .swiper-slide img {
width: 100%;
float: left;
}
.side-slider .swiper-pagination {
width: 100%;
}
.side-slider .swiper-pagination .swiper-pagination-bullet {
background: #fff;
opacity: 0.4;
border-bottom: 20px;
}
.side-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--color-second);
opacity: 1;
}
.side-slider .note-box {
width: 150px;
display: flex;
flex-wrap: wrap;
background: #fff;
position: absolute;
left: -50px;
bottom: 100px;
z-index: 1;
color: var(--color-main);
font-family: "Oduda";
font-size: 30px;
padding: 20px 30px;
line-height: 1.2;
border-radius: 2px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.side-slider .note-box:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 20px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
bottom: -20px;
right: 30px;
} .side-content {
width: 100%;
display: block;
}
.side-content.left {
padding-right: 10%;
}
.side-content.right {
padding-left: 10%;
}
.side-content h2 {
font-size: 80px;
color: var(--color-main);
font-family: "Oduda";
}
.side-content h5 {
font-size: 36px;
color: var(--color-main);
font-family: "Oduda";
margin-bottom: 30px;
}
.side-content h6 {
font-size: 36px;
font-family: "Oduda";
margin-bottom: 30px;
}
.side-content p {
margin-bottom: 20px;
}
.side-content p:last-child {
margin-bottom: 0;
}
.side-content .custom-link {
margin-top: 30px;
} .vc_row-o-equal-height .vc_col-md-6 .wpb_wrapper {
height: 100%;
}
.side-half-image {
width: 50vw;
height: calc(100% - 30px);
float: right;
background-size: cover !important;
background-position: center !important;
margin: 15px 0;
}
.side-image {
width: 100%;
display: block;
margin: 0;
position: relative;
}
.side-image .video-button {
width: 100px;
height: 100px;
display: inline-block;
line-height: 100px;
text-align: center;
font-size: 28px;
color: var(--color-main);
background: #fff;
border-radius: 50%;
position: absolute;
left: 50px;
top: 50px;
text-indent: 4px;
}
.side-image img {
width: 100%;
display: block;
border-radius: 6px;
}
.side-image .big-note-box {
width: 75%;
display: flex;
flex-wrap: wrap;
background: var(--color-main);
color: #fff;
position: absolute;
right: 30px;
bottom: -30px;
z-index: 1;
padding: 40px;
border-radius: 2px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.side-image .big-note-box:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 20px 0;
border-color: transparent transparent var(--color-main) transparent;
position: absolute;
top: -20px;
left: 30px;
}
.side-image .big-note-box h4 {
width: 100%;
display: block;
font-size: 26px;
font-family: "Oduda";
margin-bottom: 20px;
}
.side-image .big-note-box p {
display: block;
margin: 0;
color: #fff;
} .text-box {
width: 100%;
display: block;
}
.text-box.light {
color: #fff;
}
.text-box.light p {
color: #fff;
}
.text-box h2 {
display: block;
font-size: 50px;
font-family: "Oduda";
margin-bottom: 20px;
}
.text-box p {
display: block;
color: inherit;
}
.text-box p:last-child {
margin-bottom: 0;
} .vc_col-sm-4:nth-child(1) .image-content-box {
padding-right: 40px;
}
.vc_col-sm-4:nth-child(2) .image-content-box {
margin-top: 100px;
padding: 0 20px;
}
.vc_col-sm-4:nth-child(3) .image-content-box {
padding-left: 20px;
}
.vc_col-sm-6:nth-child(1) .image-content-box {
padding-right: 40px;
}
.vc_col-sm-6:nth-child(2) .image-content-box {
padding-left: 40px;
}
.vc_col-sm-6:nth-child(2) .image-content-box:first-child {
margin-top: 100px;
}
.vc_col-sm-6 .image-content-box {
margin-bottom: 50px;
}
.image-content-box {
width: 100%;
display: block;
}
.image-content-box h5 {
width: 100%;
display: block;
margin-bottom: 20px;
font-size: 36px;
color: var(--color-main);
font-family: "Oduda";
}
.image-content-box figure {
width: 100%;
display: block;
margin-bottom: 20px;
}
.image-content-box figure img {
width: 100%;
display: block;
border-radius: 6px;
}
.image-content-box p {
display: block;
margin: 0;
} .vc_col-sm-6:nth-child(2n+1) .image-caption-box {
padding-right: 30px;
}
.vc_col-sm-6:nth-child(2n+2) .image-caption-box {
padding-left: 30px;
}
.image-caption-box {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 30px 0;
}
.image-caption-box figure {
width: 100%;
display: block;
margin-bottom: 20px;
}
.image-caption-box figure img {
width: 100%;
display: block;
border-radius: 6px;
}
.image-caption-box .content {
width: 100%;
display: block;
background: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.image-caption-box .content small {
display: inline-block;
line-height: 1;
border-bottom: 3px solid var(--color-second);
margin-bottom: 10px;
}
.image-caption-box .content h5 {
width: 100%;
display: block;
margin-bottom: 20px;
font-family: "Oduda";
font-size: 32px;
}
.image-caption-box .content p {
font-size: 15px;
margin: 0;
} .image-title-box {
width: 100%;
display: block;
margin: 0;
position: relative;
}
.image-title-box img {
width: 100%;
display: inline-block;
border-radius: 6px;
}
.image-title-box figcaption {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
padding: 30px;
}
.image-title-box figcaption h4 {
width: 100%;
display: block;
margin: 0;
font-family: "Oduda";
font-size: 36px;
}
.image-title-box figcaption h4 a {
display: inline-block;
color: #fff;
} .carousel-image-box {
width: calc(100% - 200px);
display: block;
overflow: hidden;
margin: 0 100px;
position: relative;
padding-bottom: 50px;
}
.carousel-image-box figure {
width: 100%;
display: block;
margin-bottom: 0;
}
.carousel-image-box figure img {
width: 100%;
display: block;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.carousel-image-box .content {
width: 100%;
display: block;
background: #fff;
padding: 30px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.carousel-image-box .content small {
display: inline-block;
line-height: 1;
border-bottom: 3px solid var(--color-second);
margin-bottom: 10px;
}
.carousel-image-box .content h5 {
width: 100%;
display: block;
margin-bottom: 20px;
font-family: "Oduda";
font-size: 22px;
}
.carousel-image-box .content p {
font-size: 15px;
margin: 0;
}
.carousel-image-box .swiper-pagination {
bottom: 0;
}
.carousel-image-box .swiper-pagination .swiper-pagination-bullet {
background: #000;
opacity: 0.1;
}
.carousel-image-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--color-main);
opacity: 1;
} .counter-box {
width: 100%;
display: block;
margin: 0;
text-align: center;
}
.counter-box .odometer {
width: 100%;
display: block;
font-size: 90px;
color: var(--color-main);
font-family: "Oduda";
line-height: 1;
margin-bottom: 20px;
}
.counter-box h6 {
display: block;
}
.counter-box figure {
width: 100%;
display: block;
margin: 0;
}
.counter-box figure img {
height: 44px;
} .icon-box {
width: 100%;
display: block;
margin: 15px 0;
border: 1px solid #cecece;
padding: 50px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.icon-box:hover {
background: var(--color-second);
border-color: transparent;
}
.icon-box:hover figure {
filter: brightness(10);
}
.icon-box:hover .content * {
color: #fff;
}
.icon-box.left figure {
width: 100px;
float: left;
}
.icon-box.left .content {
width: calc(100% - 100px);
display: inline-block;
}
.icon-box figure {
width: 100%;
display: block;
margin-bottom: 30px;
}
.icon-box figure img {
height: 60px;
}
.icon-box .content {
width: 100%;
display: inline-block;
}
.icon-box .content h6 {
width: 100%;
display: block;
font-size: 26px;
font-family: "Oduda";
}
.icon-box .content p {
display: block;
margin: 0;
} .vc_col-md-3:last-child .circle-icon-box:after {
display: none;
}
.circle-icon-box {
width: 100%;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
position: relative;
}
.circle-icon-box:after {
content: "";
width: 100px;
height: 1px;
background: var(--color-second);
position: absolute;
right: -65px;
top: 75px;
}
.circle-icon-box figure {
width: 150px;
height: 150px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 20px;
position: relative;
background: #fbf7f4;
border-radius: 50%;
}
.circle-icon-box figure:before {
content: "";
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
position: absolute;
left: -10px;
top: calc(50% - 10px);
}
.circle-icon-box figure:after {
content: "";
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
position: absolute;
right: -10px;
top: calc(50% - 10px);
}
.circle-icon-box figure img {
width: 50px;
display: inline-block;
}
.circle-icon-box p {
width: 100%;
display: block;
margin: 0;
padding: 0 10%;
} .side-work-box {
width: 100%;
float: left;
display: flex;
flex-wrap: wrap;
align-items: center;
background: #fbf7f4;
border-radius: 6px;
overflow: hidden;
margin: 15px 0;
}
.side-work-box figure {
width: 50%;
display: inline-block;
margin: 0;
}
.side-work-box figure img {
width: 100%;
display: inline-block;
}
.side-work-box .content {
width: 50%;
display: inline-block;
padding: 50px;
text-align: center;
}
.side-work-box .content h3 {
display: block;
margin-bottom: 20px;
font-size: 34px;
font-family: "Oduda";
}
.side-work-box .content p {
margin: 0;
}
.side-work-box .content .custom-link {
margin-top: 20px;
} .side-content-image-box {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
background: #fff;
border-radius: 6px;
overflow: hidden;
}
.side-content-image-box figure {
width: 60%;
display: inline-block;
margin: 0;
}
.side-content-image-box figure img {
width: 100%;
display: block;
}
.side-content-image-box .content {
width: 40%;
display: inline-block;
padding: 50px;
}
.side-content-image-box .content h4 {
display: block;
font-size: 30px;
font-family: "Oduda";
color: var(--color-main);
margin-bottom: 20px;
} .experts-box {
width: 100%;
display: block;
margin: 0;
}
.experts-box h6 {
display: inline-block;
margin-bottom: 30px;
font-size: 19px;
font-weight: 600;
color: #fff;
position: relative;
padding-bottom: 3px;
}
.experts-box h6:after {
content: "";
width: 100%;
height: 3px;
background: var(--color-second);
position: absolute;
left: 0;
bottom: 0;
}
.experts-slider {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.experts-slider figure {
width: 100%;
display: block;
margin-bottom: 0;
}
.experts-slider figure img {
width: 100%;
display: block;
}
.experts-slider figure figcaption {
width: 100%;
display: block;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: none;
padding: 30px;
color: #fff;
}
.experts-slider figure figcaption h5 {
width: 100%;
display: block;
font-size: 26px;
font-family: "Oduda";
margin-bottom: 5px;
}
.experts-slider figure figcaption small {
width: 100%;
display: block;
margin-bottom: 20px;
}
.experts-slider figure figcaption ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.experts-slider figure figcaption ul li {
display: inline-block;
margin-right: 10px;
padding: 0;
list-style: none;
}
.experts-slider figure figcaption ul li a {
display: inline-block;
color: #fff;
font-size: 15px;
}
.experts-slider figure figcaption ul li a:hover {
color: var(--color-second);
}
.experts-slider .swiper-pagination {
position: static;
margin-top: 20px;
} .team-member {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.team-member figure {
width: 100%;
display: block;
margin-bottom: 0;
}
.team-member figure img {
width: 100%;
display: block;
}
.team-member .content-box {
width: 100%;
display: block;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: none;
padding: 30px;
color: #fff;
}
.team-member .content-box h5 {
width: 100%;
display: block;
font-size: 26px;
font-family: "Oduda";
margin-bottom: 5px;
}
.team-member .content-box small {
width: 100%;
display: block;
margin-bottom: 20px;
}
.team-member .content-box ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.team-member .content-box ul li {
display: inline-block;
margin-right: 10px;
padding: 0;
list-style: none;
}
.team-member .content-box ul li a {
display: inline-block;
color: #fff;
font-size: 15px;
}
.team-member .content-box ul li a:hover {
color: var(--color-second);
} .accordion-box {
width: 100%;
display: block;
margin: 0;
}
.accordion-box h6 {
display: inline-block;
margin-bottom: 30px;
font-size: 19px;
font-weight: 600;
color: #fff;
position: relative;
padding-bottom: 3px;
}
.accordion-box h6:after {
content: "";
width: 100%;
height: 3px;
background: var(--color-second);
position: absolute;
left: 0;
bottom: 0;
}
.accordion {
width: 100%;
float: left;
padding: 0;
}
.accordion .card {
background: none;
border-radius: 0;
border: none;
}
.accordion .card .card-header {
background: none;
padding: 0;
margin-bottom: 15px;
}
.accordion .card .card-header a {
width: 100%;
float: left;
padding: 20px 25px;
color: #fff;
font-family: "Oduda";
font-size: 20px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.accordion .card .card-header a:hover {
color: var(--color-second);
text-decoration: none;
}
.accordion .card .card-body {
width: 100%;
border: none;
line-height: 26px;
color: #fff;
padding-top: 0;
}
.accordion .card [aria-expanded=true] {
color: var(--color-dark) !important;
background: var(--color-second);
border-color: transparent !important;
} .gallery-grid {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0 15px;
}
.gallery-grid li {
width: 33.33333%;
display: inline-block;
margin: 0;
padding: 15px;
list-style: none;
}
.gallery-grid li figure {
width: 100%;
float: left;
margin: 0;
background: #000;
overflow: hidden;
}
.gallery-grid li figure a {
display: block;
}
.gallery-grid li figure a img {
width: 100%;
float: left;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.gallery-grid li figure:hover img {
transform: scale(1.05);
opacity: 0.8;
} .services-list-box {
width: 100%;
display: flex;
flex-wrap: wrap;
background: #fff;
padding: 50px;
padding-bottom: 20px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.services-list-box h6 {
font-size: 26px;
font-family: "Oduda";
margin-bottom: 15px;
}
.services-list-box h5 {
width: 100%;
display: block;
font-size: 18px;
color: #555;
margin: 0;
}
.services-list-box h2 {
font-size: 50px;
font-family: "Oduda";
color: var(--color-main);
line-height: 1;
margin-bottom: 20px;
}
.services-list-box ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.services-list-box ul li {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 10px 0;
padding: 5px 0;
}
.services-list-box figure {
width: 80px;
display: inline-block;
margin-right: 20px;
}
.services-list-box figure img {
height: 70px;
}
.services-list-box p {
font-size: 15px;
margin: 0;
}
.services-list-box .content {
width: calc(100% - 100px);
display: inline-block;
} .timeline-slider {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
}
.timeline-slider .title {
width: 100%;
display: block;
margin-bottom: 50px;
color: #fff;
font-family: "Oduda";
font-size: 50px;
}
.timeline-slider .swiper-container-wrapper--timeline {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-slide {
display: block;
text-align: center;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-slide .content {
width: 400px;
max-width: 100%;
display: inline-block;
padding: 30px;
margin: 30px auto;
background: #fff;
position: relative;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
border-radius: 2px;
text-align: left;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-slide .content:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 0 15px;
border-color: transparent transparent transparent #fff;
position: absolute;
left: 40px;
top: -20px;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-slide .content h2 {
font-size: 28px;
font-family: "Oduda";
margin-bottom: 20px;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-slide .content p {
font-size: 15px;
opacity: 0.7;
margin: 0;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-progressbar {
position: relative;
margin-bottom: 70px;
background-color: transparent;
height: 4px;
border-bottom: 1px solid #fff;
width: 85%;
z-index: 1;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
position: absolute;
top: 2px;
left: -100%;
width: 100%;
height: 3px;
background-color: #000;
content: "";
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
position: absolute;
top: 3px;
right: -100%;
width: 100%;
height: 1px;
background-color: #fff;
content: "";
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
background-color: var(--color-second);
height: 3px;
top: 2px;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom {
position: relative;
list-style: none;
margin: 1rem 0;
padding: 0;
display: flex;
line-height: 1.66;
bottom: 0;
z-index: 0;
width: 85%;
display: flex;
position: relative;
z-index: 2;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
position: relative;
width: 100%;
height: 30px;
line-height: 30px;
display: block;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
position: absolute;
font-weight: 400;
right: 5px;
transform: translateX(50%);
transition: 0.2s all ease-in-out;
transition-delay: 0s;
cursor: pointer;
z-index: 1;
color: var(--color-second);
font-size: 19px;
font-family: "Oduda";
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
position: absolute;
top: calc(100% + 19px);
right: 50%;
transform: translateX(50%) translateY(-50%);
width: 12px;
height: 12px;
background: var(--color-second);
border-radius: 2rem;
content: "";
transition: 0.2s all ease-in-out;
transition-delay: 0s;
z-index: 1;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
font-weight: 400;
transition-delay: 0.4s;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
background: var(--color-second);
transition-delay: 0.4s;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {
color: #fff;
}
.timeline-slider .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {
background: #fff;
}
.timeline-image {
width: calc(100% - 80px);
height: 600px;
padding: 0;
position: relative;
margin-top: -200px !important;
background-size: cover !important;
background-attachment: fixed !important;
}
.timeline-image:after {
content: "";
width: 80px;
height: 500px;
position: absolute;
right: -80px;
top: 0;
background: var(--color-main);
} .col-lg-4:nth-child(1) .latest-news {
padding-right: 20px;
}
.col-lg-4:nth-child(2) .latest-news {
padding: 0 10px;
}
.col-lg-4:nth-child(3) .latest-news {
padding-left: 20px;
}
.latest-news {
width: 100%;
display: block;
margin: 0;
}
.latest-news figure {
width: 100%;
display: block;
margin-bottom: 15px;
position: relative;
padding-bottom: 15px;
}
.latest-news figure img {
width: 100%;
display: block;
border-radius: 6px;
}
.latest-news figure span {
height: 30px;
line-height: 32px;
display: inline-block;
background: var(--color-second);
color: #000;
position: absolute;
left: 0;
bottom: 0;
padding: 0 15px;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
}
.latest-news h4 {
width: 100%;
display: block;
margin-bottom: 20px;
font-family: "Oduda";
font-size: 28px;
}
.latest-news p {
display: block;
margin-bottom: 25px;
}
.latest-news a {
color: #000;
display: inline-block;
} .years-box {
width: 100%;
display: block;
margin: 0;
text-align: center;
}
.years-box span {
width: 100%;
display: block;
font-size: 250px;
line-height: 1;
font-family: "Oduda";
color: white;
background: url(//ganaderiaguajira.com/wp-content/themes/seodo/images/years-mask-image.jpg) no-repeat center;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .carousel-testimonials {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.carousel-testimonials .swiper-slide {
padding: 0 40px;
}
.carousel-testimonials .swiper-pagination {
position: static;
margin-top: 20px;
}
.carousel-testimonials .swiper-pagination .swiper-pagination-bullet {
background: #000;
}
.carousel-testimonials .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--color-main);
}
.testimonial {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 70px;
background: var(--color-main);
color: #fff;
position: relative;
z-index: 2;
border-radius: 2px;
}
.testimonial:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 15px;
border-color: transparent transparent var(--color-main) transparent;
position: absolute;
left: -15px;
top: 20%;
}
.testimonial.bottom-overlap {
margin-bottom: -70px;
}
.testimonial p {
width: 100%;
display: block;
font-size: 22px;
color: #fff;
}
.testimonial figure {
width: 100px;
margin-right: 20px;
margin-bottom: 0;
}
.testimonial figure img {
height: 100px;
border-radius: 50%;
}
.testimonial .infos {
width: calc(100% - 120px);
display: inline-block;
}
.testimonial .infos h6 {
display: block;
font-size: 30px;
font-family: "Oduda";
} .highlight-slider {
width: 100%;
height: 90vh;
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.highlight-slider .swiper-slide {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.highlight-slider .swiper-slide:after {
content: "";
width: 100%;
height: 100%;
background: #000;
position: absolute;
left: 0;
top: 0;
opacity: 0.3;
}
.highlight-slider .swiper-slide .container {
position: relative;
z-index: 1;
color: #fff;
}
.highlight-slider .swiper-slide .container h6 {
display: block;
font-size: 18px;
}
.highlight-slider .swiper-slide .container h2 {
display: block;
font-size: 60px;
font-family: "Oduda";
margin-bottom: 40px;
}
.highlight-slider .custom-pagination {
width: 50%;
position: absolute;
left: auto;
right: 0;
bottom: 30px;
z-index: 1;
text-align: center;
}
.highlight-slider .custom-pagination .swiper-pagination-bullet {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
margin: 0 6px;
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
background: none;
color: #fff;
font-size: 12px;
opacity: 1;
}
.highlight-slider .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--color-second);
border-color: transparent;
color: #000;
} .logo-item {
width: 100%;
display: block;
padding: 0 15%;
margin: 0;
}
.logo-item img {
width: 100%;
display: block;
} .blog-post {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 100px;
}
.blog-post figure {
display: block;
margin-bottom: 0;
}
.blog-post figure img {
display: block;
border-radius: 6px;
}
.blog-post .post-content {
width: 100%;
display: block;
margin: 0;
padding-top: 40px;
}
.blog-post .post-content .post-date {
height: 26px;
line-height: 28px;
float: left;
background: var(--color-second);
color: #000;
padding: 0 15px;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
margin-left: 15px;
margin-top: -55px;
}
.blog-post .post-content .author {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 30px;
}
.blog-post .post-content .author img {
width: 60px;
display: inline-block;
margin-right: 20px;
border-radius: 50%;
}
.blog-post .post-content .author span {
display: inline-block;
}
.blog-post .post-content .author span strong {
font-weight: 600;
}
.blog-post .post-content .post-title {
width: 100%;
display: block;
margin-bottom: 20px;
font-family: "Oduda";
font-size: 38px;
}
.blog-post .post-content .full-image {
width: 100%;
display: block;
margin: 30px 0;
}
.blog-post .post-content p {
display: block;
margin-bottom: 25px;
}
.blog-post .post-content blockquote {
width: 100%;
display: block;
background: var(--color-main);
padding: 30px;
color: #fff;
}
.blog-post .post-content h5 {
font-family: "Oduda";
font-size: 20px;
}
.blog-post .post-content ul {
padding-left: 20px;
} .sidebar {
width: 100%;
display: block;
padding-left: 30px;
}
.sidebar .widget {
width: 100%;
display: flex;
flex-wrap: wrap;
border: 1px solid #eee;
background: #fff;
border-radius: 4px;
padding: 30px;
margin-bottom: 30px;
}
.sidebar .widget-title {
width: 100%;
display: block;
border-bottom: 1px solid #eee;
font-size: 24px;
font-weight: 800;
color: var(--color-main) !important;
font-family: "Oduda";
padding-top: 10px;
padding-bottom: 30px;
margin-bottom: 20px;
position: relative;
}
.sidebar .widget-title:after {
content: "";
width: 60px;
height: 1px;
background: var(--color-main);
position: absolute;
left: 0;
bottom: -1px;
}
.sidebar input[type=search] {
margin-bottom: 10px;
}
.sidebar .categories {
width: 100%;
display: block;
margin: 0;
padding-left: 0;
}
.sidebar .categories li {
width: 100%;
display: block;
margin: 7px 0;
padding-left: 20px;
position: relative;
}
.sidebar .categories li:before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-main);
position: absolute;
left: 0;
top: 9px;
}
.sidebar .side-gallery {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.sidebar .side-gallery li {
width: 50%;
display: inline-block;
margin: 0;
padding: 0;
padding-right: 2px;
margin-bottom: 2px;
} .wpcf7 {
position: relative;
z-index: 1;
}
.contact-form {
width: calc(100% - 50px);
display: flex;
flex-wrap: wrap;
padding: 50px;
background: var(--color-main);
border-radius: 6px;
}
.contact-form .form-group {
width: 100%;
display: block;
margin-bottom: 15px;
}
.contact-form .form-group:last-child {
margin-bottom: 0;
}
.contact-form ::-webkit-input-placeholder {
color: #fff;
}
.contact-form ::-moz-placeholder {
color: #fff;
}
.contact-form :-ms-input-placeholder {
color: #fff;
}
.contact-form :-moz-placeholder {
color: #fff;
}
.contact-form input[type=text] {
background: none;
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.contact-form input[type=text]:focus {
border-color: rgba(255, 255, 255, 0.4);
}
.contact-form textarea {
background: none;
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.contact-form textarea:focus {
border-color: rgba(255, 255, 255, 0.4);
} .contact-box {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 26px;
border: 1px solid #cecece;
border-radius: 6px;
padding: 25px;
background: #fff;
position: relative;
z-index: 1;
}
.contact-box:last-child {
margin-bottom: 0;
}
.contact-box figure {
width: 100px;
height: 100px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-right: 20px;
position: relative;
background: #fbf7f4;
border-radius: 50%;
}
.contact-box figure img {
width: 50px;
display: inline-block;
}
.contact-box .content {
width: calc(100% - 120px);
display: inline-block;
}
.contact-box .content h6 {
display: block;
}
.contact-box .content p {
margin: 0;
} .google-maps {
width: 100%;
height: 520px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.google-maps iframe {
width: 100%;
height: 100%;
display: inline-block;
border: none;
} .footer {
width: 100%;
display: flex;
flex-wrap: wrap;
background: url(//ganaderiaguajira.com/wp-content/themes/seodo/images/pattern-bg.png) center var(--color-main);
background-size: cover;
color: #fff;
border-top: 3px solid var(--color-second);
}
.footer .col-lg-4, .footer .col-lg-8 {
padding-top: 100px;
}
.footer .logo {
width: 100%;
display: block;
margin-bottom: 20px;
}
.footer .logo a {
display: inline-block;
}
.footer .logo a img {
width: auto;
height: 48px;
display: inline-block;
margin: 0;
}
.footer p {
color: #fff;
padding-right: 10%;
opacity: 1;
}
.footer .mc4wp-form {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.footer .mc4wp-form .mc4wp-form-fields {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.footer .mc4wp-form .mc4wp-response {
width: 100%;
}
.footer .mc4wp-form input[type=email] {
width: calc(70% - 10px);
display: inline-block;
margin-right: 10px;
border: none;
}
.footer .mc4wp-form input[type=submit] {
width: 30%;
display: inline-block;
}
.footer .footer-separator {
width: 100%;
height: 50px;
display: block;
}
.footer .widget-title {
display: inline-block;
margin-bottom: 25px;
border-bottom: 4px solid var(--color-second);
font-size: 20px;
font-family: "Oduda";
padding-bottom: 5px;
}
.footer .footer-menu {
width: 100%;
display: block;
padding-left: 20px;
margin: 0;
}
.footer .footer-menu li {
padding: 5px 0;
display: list-item;
list-style: inherit;
}
.footer .footer-bottom {
width: 100%;
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 40px 0;
}
.footer .footer-bottom span {
display: inline-block;
font-size: 14px;
}
.footer .footer-bottom span:last-child {
margin-left: auto;
}
.footer .footer-bottom span:last-child a {
color: var(--color-second);
text-decoration: underline;
} @media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
.navbar .site-menu {
margin: 0 auto;
}
.navbar .hamburger-menu {
margin-left: 20px;
}
.counter-box .odometer {
font-size: 80px;
}
.services-list-box {
padding: 40px;
}
.years-box span {
font-size: 230px;
}
.sidebar {
padding-left: 0;
}
} @media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
.section-title h2 br {
display: none;
}
.navbar .site-menu {
display: none;
}
.navbar .search-button {
margin-left: auto;
}
.navbar .hamburger-menu {
margin-left: 30px;
display: inline-block;
}
.side-widget .hide-mobile {
display: none;
}
.side-widget .show-mobile {
width: 100%;
display: block;
}
.side-slider {
margin-top: 40px;
}
.side-slider .note-box {
left: -20px;
}
.page-header .bg-image-responsive {
display: block;
}
.header .main-slider .swiper-slide .slide-image-responsive {
display: block;
}
.sidebar {
margin-top: 50px;
}
.contact-form {
width: 100%;
margin-bottom: 50px;
}
.google-maps {
margin-top: 50px;
}
.vc_col-sm-4 .image-content-box {
padding: 0 !important;
}
.image-content-box h5 {
font-size: 28px;
}
.counter-box .odometer {
font-size: 60px;
}
.image-title-box {
margin: 15px 0;
}
.vc_col-md-3:nth-child(3) .circle-icon-box:after {
display: none;
}
.circle-icon-box {
margin: 15px 0;
}
.experts-box {
margin-bottom: 50px;
}
.image-content-box {
padding: 0 !important;
}
.side-work-box figure {
width: 100%;
}
.side-work-box .content {
width: 100%;
}
.side-content-image-box .content {
width: 100%;
}
.side-content-image-box figure {
width: 100%;
}
.icon-box {
padding: 30px;
}
.icon-box.left figure {
width: 100%;
}
.icon-box.left .content {
width: 100%;
}
.side-content {
margin-top: 30px;
}
.side-content.right {
padding-left: 0;
}
.side-content.left {
padding-right: 0;
margin-bottom: 30px;
}
.row.align-items-center .col-lg-4:nth-child(5) {
order: 2;
}
.row.align-items-center .col-lg-8:nth-child(6) {
order: 1;
}
.cd-horizontal-timeline .timeline .events-wrapper {
overflow: auto;
}
.latest-news {
padding: 0 !important;
margin: 15px 0;
}
.logo-item {
margin: 15px 0;
}
.side-widget {
box-shadow: none;
}
.content-section .blog-post .post-content .post-title {
font-size: 6vw;
}
.content-section .sidebar {
padding-left: 0 !important;
}
.page-header[data-stellar-background-ratio] {
background-size: auto 150% !important;
}
.content-section[data-stellar-background-ratio] {
background-size: auto 150% !important;
}
.footer form {
margin-bottom: 0;
}
} @media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.topbar .text {
display: none;
}
.search-box .inner {
width: 80%;
}
.header .main-slider .swiper-slide .slide-inner h1 {
font-size: 40px;
}
.vc_col-sm-4:nth-child(2) .image-content-box {
margin: 30px 0;
}
.counter-box {
margin: 15px 0;
}
.page-header .container h2 {
font-size: 60px;
}
.circle-icon-box:after {
display: none;
}
.gallery-grid {
padding: 0 7.5px;
}
.gallery-grid li {
width: 50%;
padding: 7.5px;
}
.cd-horizontal-timeline .events {
left: 30%;
}
.timeline-image {
width: 100%;
}
.timeline-image:after {
display: none;
}
.testimonial {
margin-bottom: 30px;
padding: 40px;
}
.testimonial .infos h6 {
font-size: 22px;
}
.highlight-slider .swiper-slide .container h2 {
font-size: 40px;
}
.highlight-slider .swiper-slide .container h2 br {
display: none;
}
.vc_col-sm-6:nth-child(2n+2) .image-caption-box {
padding: 0;
}
.vc_col-sm-6:nth-child(2n+1) .image-caption-box {
padding: 0;
}
.topbar .social-media span {
display: none;
}
.side-widget {
width: 85vw;
}
.header .button-prev {
left: 15px;
transform: scale(0.8);
}
.header .button-next {
right: 15px;
transform: scale(0.8);
}
.side-content h2 {
font-size: 56px;
}
.section-title h2 {
font-size: 40px;
}
.carousel-image-box {
width: calc(100% - 30px);
margin: 0 15px;
}
.services-list-box figure {
width: 100%;
}
.services-list-box .content {
width: 100%;
}
.contact-form {
padding: 30px;
}
.contact-box .content {
font-size: 15px;
}
.side-image .big-note-box {
width: 100%;
position: static;
border-radius: 4px;
margin-top: 30px;
}
.carousel-testimonials .swiper-slide {
padding: 0;
}
.vc_col-sm-6:nth-child(2) .image-content-box:first-child {
margin-top: 15px;
}
.side-work-box .content {
padding: 30px;
}
.footer form input[type=email] {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.footer form input[type=submit] {
width: 100%;
text-align: center;
}
.footer {
padding-top: 100px;
}
.footer .col-lg-4, .footer .col-lg-8 {
padding-top: 0;
}
.footer .footer-menu {
margin-bottom: 30px;
}
.footer .footer-bottom span:last-child {
margin-left: 0;
}
} @media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.logged-in.admin-bar .navbar { }
.logged-in.admin-bar .navbar.sticky {
transform: translateY(0);
}
.logged-in.admin-bar .topbar {
margin-top: 40px !important;
}
.pagination li {
display: none;
}
.pagination li:first-child {
display: inline-block;
}
.pagination li:nth-child(2) {
display: inline-block;
}
.pagination li:last-child {
display: inline-block;
}
.page-numbers {
display: none;
}
.prev.page-numbers {
display: inline-block !important;
}
.page-numbers:nth-child(2) {
display: inline-block !important;
}
.next.page-numbers {
display: inline-block !important;
}
} .blog-post {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 100px;
}
.blog-post:last-child {
margin-bottom: 0;
}
.blog-post.sticky {
border: 1px solid #eee;
padding: 30px;
position: relative;
}
.blog-post.sticky:before {
content: "";
width: 14px;
height: 25px;
background: #fbc50b;
position: absolute;
right: 30px;
top: -10px;
}
.blog-post.sticky:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 6px 7px;
border-color: transparent transparent #fff transparent;
position: absolute;
right: 30px;
top: 9px;
}
.blog-post.sticky .post-content {
background: #fff;
padding: 30px;
}
.blog-post.post-single {
width: 100%;
margin-bottom: 25px;
}
.blog-post.post-single .post-image {
width: 100%;
flex: inherit;
margin-bottom: -15px;
}
.blog-post.post-single .post-content {
width: 100%;
flex: inherit;
display: block;
padding: 0;
border: none;
}
.blog-post.post-single .post-content .post-author {
margin-bottom: 20px;
}
.blog-post.post-single .post-content .post-title {
width: 100%;
display: block;
font-size: 56px;
font-weight: 800;
margin-bottom: 30px;
letter-spacing: -1px;
line-height: 1.2;
}
.blog-post.single-post {
width: 100%;
margin-bottom: 25px;
}
.blog-post.single-post .post-content {
width: 100%;
}
.blog-post.single-post .post-content .post-date {
margin-bottom: 20px;
}
.blog-post.single-post .post-content .post-author {
margin: 20px 0 !important;
}
.blog-post.single-post .post-content .post-title {
margin-bottom: 20px;
}
.blog-post .post-image {
width: 100%;
display: block;
margin-bottom: -15px;
}
.blog-post .post-image img {
max-width: 100%;
}
.blog-post .post-content {
width: 100%;
display: block;
padding-top: 0;
}
.blog-post .post-content .post-inner {
width: 100%;
}
.blog-post .post-content .post-tags {
width: 100%;
display: block;
margin-bottom: 20px;
padding: 0;
}
.blog-post .post-content .post-tags li {
display: inline-block;
margin: 3px 0;
margin-right: 10px;
padding: 0;
list-style: none;
}
.blog-post .post-content .post-tags li a {
height: 25px;
display: inline-block;
background: #009a4e;
color: #fff;
padding: 5px 16px;
font-size: 11px;
border-radius: 22px;
}
.blog-post .post-content .post-tags li a:hover {
background: #fbc50b;
text-decoration: none;
color: #0e0e0e;
}
.blog-post .post-content .post-date {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
letter-spacing: 1px;
font-size: 12px;
text-transform: uppercase;
}
.blog-post .post-content .post-title {
width: 100%;
display: flex;
font-size: 3vw;
font-weight: 400;
margin-bottom: 20px;
line-height: 1.2;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.blog-post .post-content .post-title a {
color: var(--color-dark);
}
.blog-post .post-content .post-title a:hover {
color: var(--color-main);
text-decoration: none;
}
.blog-post .post-content .post-author {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 0 !important;
}
.blog-post .post-content .post-author .author-link-thumb {
width: 60px;
display: inline-block;
}
.blog-post .post-content .post-author .author-link-thumb img {
width: 60px;
height: 60px;
display: inline-block;
border-radius: 50%;
}
.blog-post .post-content .post-author div {
width: calc(100% - 60px);
display: inline-block;
padding-left: 15px;
}
.blog-post .post-content .post-author div strong {
width: 100%;
display: block;
line-height: 1;
}
.blog-post .post-content .post-author div small {
opacity: 0.6;
}
.blog-post .post-content .post-author b {
color: #212529;
font-weight: 400;
}
.blog-post .post-content .post-author b a {
color: var(--color-dark);
}
.blog-post .post-content .post-author b a:hover {
text-decoration: none;
}
.blog-post .post-content .author {
width: 100%;
display: flex;
}
.blog-post .post-content .author img {
height: 60px;
display: inline-block;
border-radius: 60px;
margin-right: 10px;
}
.blog-post .post-content .author span {
display: inline-block;
color: #8d94a0;
font-size: 15px;
}
.blog-post .post-content .author span strong {
font-weight: 400;
color: var(--color-dark);
}
.blog-post .post-content .post-categories {
width: 100%;
display: block;
margin-bottom: 30px;
padding: 0;
}
.blog-post .post-content .post-categories li {
display: inline-block;
margin: 0;
margin-right: 10px;
padding: 0;
list-style: none;
}
.blog-post .post-content .post-categories li a {
color: var(--color-dark);
font-size: 11px;
padding-bottom: 3px;
border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .post-categories li a:hover {
text-decoration: none;
border-color: var(--color-main);
}
.blog-post .post-content .social-share {
width: 100%;
float: left;
padding: 0;
margin-bottom: 40px;
text-align: center;
}
.blog-post .post-content .social-share li {
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
list-style: none;
}
.blog-post .post-content .social-share li.facebook a {
background: #475993;
}
.blog-post .post-content .social-share li.twitter a {
background: #76a9ea;
}
.blog-post .post-content .social-share li.google-plus a {
background: #f34a38;
}
.blog-post .post-content .social-share li.linkedin a {
background: #0077b7;
}
.blog-post .post-content .social-share li.youtube a {
background: #f61c0d;
}
.blog-post .post-content .social-share li a {
line-height: 44px;
float: left;
padding: 0 20px;
background: var(--color-dark);
font-weight: 600;
color: #fff;
border: none;
border-radius: 0;
}
.blog-post .post-content .social-share li a:hover {
text-decoration: none;
}
.blog-post .post-content blockquote {
background: var(--color-main);
color: #fff;
padding: 30px;
margin-bottom: 25px;
}
.blog-post .post-content blockquote h5 {
font-weight: 800;
}
.blog-post .post-content p {
font-size: 17px;
line-height: 1.7;
margin-bottom: 30px;
}
.blog-post .post-content h3 {
font-weight: 600;
}
.blog-post .post-content h4 {
font-weight: 600;
}
.blog-post .post-content h5 {
font-weight: 600;
font-size: 26px;
margin-bottom: 15px;
}
.blog-post .post-content h6 {
font-weight: 600;
}
.blog-post .post-content strong {
font-weight: 600;
}
.blog-post .post-content u {
text-decoration: none;
border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .custom-list {
width: 100%;
display: block;
padding-left: 20px;
}
.blog-post .post-content .custom-list li {
font-size: 17px;
}
.blog-post .post-content .image-full {
display: block;
height: auto;
margin-bottom: 30px;
margin-top: 30px;
}
.blog-post .post-content .image-full img {
width: 100%;
}
.blog-post .post-content .link-more {
font-weight: 600;
}
.blog-post .post-content .link-more:hover {
color: #009a4e;
text-decoration: none;
} .pagination {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0;
}
.pagination .page-item {
display: inline-block;
}
.pagination .page-item .page-link {
height: 60px;
line-height: 60px;
padding: 0 40px;
border-radius: 0 !important;
font-size: 12px;
font-weight: 600;
color: var(--color-dark);
outline: none !important;
}
.pagination .page-item .page-link:focus {
outline: none !important;
} .page-numbers {
height: 60px;
line-height: 60px;
display: inline-block;
padding: 0 20px;
border-radius: 0 !important;
font-size: 12px;
font-weight: 600;
color: var(--color-dark);
outline: none !important;
border: 1px solid #dee2e6;
}
.page-numbers.current {
background: #e9ecef;
}
.page-numbers:hover {
background: #e9ecef;
text-decoration: none;
} .sidebar {
width: 100%;
display: block;
padding-left: 30px;
}
.sidebar .widget {
width: 100%;
display: flex;
flex-wrap: wrap;
border: 20px solid #f3f6fa;
background: #fff;
padding: 20px;
margin-bottom: 30px;
}
.sidebar .widget-title {
width: 100%;
display: block;
border-bottom: 1px solid #f3f6fa;
font-size: 18px;
font-weight: 800;
color: var(--color-main);
letter-spacing: 2px;
padding-top: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.sidebar input[type=search] {
margin-bottom: 10px;
}
.sidebar .categories {
width: 100%;
display: block;
margin: 0;
padding-left: 20px;
}
.sidebar .categories li {
width: 100%;
display: block;
margin: 7px 0;
}
.sidebar figure {
width: 50%;
display: inline-block;
padding: 0 2px;
margin-left: -2px;
} .wp-block-quote p:last-child {
margin-bottom: 0;
}
.page.type-page code {
background: #eee;
padding: 4px;
color: #0e0e0e;
font-family: Courier;
}
.page-links {
position: relative;
}
.post-501 .page-links {
float: left;
margin-top: 60px;
}
.post-501 .post-entry-footer {
float: left;
}
.post-1133 .post-entry-footer {
float: left;
}
.wp-image-907 {
width: 100%;
}
.error-404.not-found {
text-align: center;
}
.error-404.not-found .search-form {
display: inline-block;
margin: 0 auto;
}
.error-404.not-found .search-form label {
float: left;
margin-right: 10px;
margin-bottom: 0;
}
.error-404.not-found .search-form input[type=submit] {
float: left;
}
.error-404.not-found .screen-reader-text {
display: none;
}
.error-404.not-found img {
max-height: 260px;
margin-bottom: 30px;
}
.is-style-squared .wp-block-button__link {
border-radius: 0 !important;
}
.blog-post .post-content .wp-block-quote {
border: none;
color: #fff;
background: #009a4e;
color: #fff;
padding: 30px;
margin-top: 20px;
margin-bottom: 20px;
}
.blog-post .post-content .wp-block-quote p {
color: #fff;
}
.blog-post .post-content .wp-block-quote a {
color: #fff;
}
.blog-post .post-content .has-medium-font-size {
font-size: 20px;
}
.page.type-page {
width: 100%;
}
.blog-post .post-content select {
width: 100%;
}
.logged-in.admin-bar .navbar {
margin-top: 32px;
}
.logged-in.admin-bar .topbar {
margin-top: 32px;
}
.search-no-results .content-section {
text-align: center;
}
.search-no-results .content-section p {
width: 100%;
display: block;
font-size: 22px;
padding: 0 25%;
margin-bottom: 40px;
}
.search-no-results .content-section .screen-reader-text {
display: none;
}
.search-no-results .content-section form {
width: 100%;
display: block;
padding: 0 15%;
}
.search-no-results .content-section form label {
width: 100%;
margin-bottom: 20px;
}
.search-no-results .content-section form input[type=search] {
width: 100%;
}
.wp-block-embed {
max-width: 100%;
overflow: hidden;
margin-bottom: 50px;
} .blog-post .post-content .post-password-form {
width: 100%;
display: block;
margin-bottom: 70px;
}
.blog-post .post-content .wp-block-button {
width: 100%;
display: block;
margin-bottom: 30px;
}
.blog-post .post-content .wp-block-button:last-child {
margin-bottom: 0;
}
.blog-post .post-content .wp-block-button__link {
background: #0e0e0e;
font-size: 13px;
font-weight: 600;
padding: 20px 40px;
border-radius: 50px;
color: #fff;
}
.blog-post .post-content .wp-block-button.is-style-outline .wp-block-button__link {
background: none;
color: #0e0e0e;
border-color: #0e0e0e;
}
.blog-post .post-content .wp-block-cover {
margin-bottom: 50px;
}
.blog-post .post-content .wp-block-cover.has-background-dim .wp-block-cover-text {
color: #fff;
}
.blog-post .post-content .wp-block-cover-image.has-background-dim .wp-block-cover-image-text {
color: #fff;
}
.blog-post .post-content .wp-block-gallery {
width: 100%;
margin-bottom: 40px;
padding: 0;
}
.blog-post .post-content .wp-block-gallery.alignleft {
margin-right: 30px;
}
.blog-post .post-content .wp-block-gallery .blocks-gallery-caption {
font-size: 13px;
}
.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure {
width: 100%;
position: relative;
}
.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure figcaption {
max-height: calc(100% - 20px);
padding: 3px 10px;
bottom: 0;
margin: 10px 0;
line-height: 1.2;
background: none;
font-size: 12px;
}
.blog-post .post-content .wp-block-quote {
margin: 20px 0;
}
.blog-post .post-content .wp-block-quote a {
color: #fff;
}
.blog-post .post-content .wp-block-quote cite {
font-family: georgia;
font-style: italic;
font-size: 13px;
}
.blog-post .post-content .wp-block-quote cite br {
display: none;
}
.blog-post .post-content .blocks-gallery-grid {
padding: 0;
display: flex;
flex-wrap: wrap;
}
.blog-post .post-content .wp-block-group.has-background {
padding: 30px;
}
.blog-post .post-content .has-background {
margin-bottom: 20px;
}
.blog-post .post-content .more-link {
display: inline-block;
margin-top: 20px;
font-weight: 600;
display: none;
}
.blog-post .post-content .gallery {
display: block;
margin-bottom: 40px;
}
.blog-post .post-content .gallery .gallery-item {
position: relative;
}
.blog-post .post-content .gallery .gallery-item .gallery-caption {
font-size: 13px;
color: #a6a7ab;
}
.blog-post .post-content .gallery .gallery-item a {
width: 100%;
display: block;
margin-bottom: 10px;
}
.blog-post .post-content .gallery .gallery-item a img {
width: 100%;
height: auto;
}
.blog-post .post-content .has-drop-cap:first-letter {
font-size: 300%;
line-height: 1;
margin-top: -2px;
margin-right: 5px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
max-height: 50px;
display: inline-block;
overflow: hidden;
}
.blog-post .post-content .wp-block-archives {
width: 100%;
display: block;
margin-bottom: 40px;
padding: 0;
font-size: 16px;
}
.blog-post .post-content .wp-block-archives li {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.blog-post .post-content .wp-block-archives li .comment-author-link a {
text-decoration: none;
font-weight: 600;
}
.blog-post .post-content .wp-block-archives li a {
margin: 0;
color: #0e0e0e;
}
.blog-post .post-content .wp-block-calendar {
width: 100%;
display: block;
margin-bottom: 40px;
}
.blog-post .post-content .wp-block-calendar caption {
width: 100%;
padding-bottom: 20px;
font-weight: 600;
color: #a6a7ab;
}
.blog-post .post-content .wp-block-calendar a {
display: inline-block;
color: #0e0e0e;
font-weight: 600;
text-decoration: none;
margin-top: 10px;
}
.blog-post .post-content .wp-block-calendar #today {
background: #009a4e;
color: #fff;
}
.blog-post .post-content .wp-calendar-nav {
margin-top: -50px;
text-align: left;
}
.blog-post .post-content .wp-block-table {
width: 100%;
}
.blog-post .post-content .wp-block-table a {
color: #0e0e0e;
}
.blog-post .post-content .wp-block-table table {
width: 100%;
border: 1px solid #f3f4f5;
}
.blog-post .post-content .wp-block-table table tr {
border-bottom: 1px solid #f3f4f5;
}
.blog-post .post-content .wp-block-table table td {
height: 50px;
padding: 0 20px;
}
.blog-post .post-content .wp-block-search {
width: 100%;
display: block;
margin-bottom: 40px;
}
.blog-post .post-content .wp-block-search .wp-block-search__label {
display: none;
}
.blog-post .post-content .wp-block-search input[type=search] {
width: 100%;
max-width: 350px;
border: 1px solid #eee;
padding: 0 15px;
}
.blog-post .post-content .wp-block-categories {
width: 100%;
display: block;
margin-bottom: 40px;
}
.blog-post .post-content .wp-block-latest-comments {
width: 100%;
display: block;
padding: 0;
margin-bottom: 40px;
}
.blog-post .post-content .wp-block-latest-comments .wp-block-latest-comments__comment-author {
text-decoration: none;
font-weight: 600;
}
.blog-post .post-content .wp-block-latest-comments a {
text-decoration: underline;
}
.blog-post .post-content .wp-block-latest-comments p {
font-weight: 400;
padding: 0;
border: none;
text-transform: inherit;
}
.blog-post .post-content .wp-block-latest-posts {
padding: 0;
margin-bottom: 40px;
}
.blog-post .post-content .wp-block-tag-cloud {
font-weight: 400;
margin-bottom: 40px;
}
.blog-post .post-content .wp-block-tag-cloud a {
display: inline-block;
font-size: 13px !important;
background: #0e0e0e;
color: #fff;
padding: 5px 10px;
margin-bottom: 5px;
}
.blog-post .post-content .wp-block-tag-cloud a:hover {
text-decoration: none;
background: #009a4e;
color: #fff;
}
.blog-post .post-content .wp-block-rss {
margin-bottom: 40px;
}
.blog-post .post-content .post-entry-footer {
width: 100%;
display: block;
padding: 20px;
border: 1px solid #e2e2e2;
margin-bottom: 30px;
box-shadow: 6px 6px 0 #f5f5f5;
margin-top: 40px;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
.blog-post .post-content .post-entry-footer .cat-links {
width: 100%;
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e2e2e2;
font-weight: 600;
}
.blog-post .post-content .post-entry-footer .cat-links a {
text-decoration: underline;
font-weight: 400;
}
.blog-post .post-content .post-entry-footer .cat-links a:hover {
text-decoration: none;
}
.blog-post .post-content .post-entry-footer .tags-links {
width: 100%;
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e2e2e2;
font-weight: 600;
}
.blog-post .post-content .post-entry-footer .tags-links a {
text-decoration: underline;
font-weight: 400;
}
.blog-post .post-content .post-entry-footer .tags-links a:hover {
text-decoration: none;
}
.blog-post .post-content .post-entry-footer .edit-link {
width: 100%;
display: block;
font-weight: 600;
}
.blog-post .post-content .post-entry-footer .edit-link .screen-reader-text {
display: inline-block;
font-weight: 400;
}
.blog-post .post-content .post-navigation {
width: 100%;
display: block;
}
.blog-post .post-content .post-navigation .navigation {
width: 100%;
display: block;
padding: 20px;
border: 1px solid #e2e2e2;
margin-bottom: 30px;
box-shadow: 6px 6px 0 #f5f5f5;
}
.blog-post .post-content .post-navigation .navigation:last-child {
margin-bottom: 0;
}
.blog-post .post-content .post-navigation .navigation .screen-reader-text {
font-size: 20px;
font-weight: 600;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
padding-bottom: 20px;
}
.blog-post .post-content .post-navigation .navigation .nav-links {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous {
flex: 1;
width: 50%;
padding-right: 20px;
border-right: 1px solid #eee;
position: relative;
line-height: 27px;
padding-left: 40px;
}
.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous a:hover {
text-decoration: underline;
}
.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous:before {
content: "«";
width: 30px;
height: 30px;
display: inline-block;
background: #009a4e;
color: #fff;
display: inline-block;
margin-right: 10px;
text-align: center;
border-radius: 30px;
position: absolute;
left: 0;
top: calc(50% - 18px);
line-height: 29px;
}
.blog-post .post-content .post-navigation .navigation .nav-links .nav-next {
flex: 1;
width: 50%;
padding-left: 20px;
text-align: right;
line-height: 27px;
padding-right: 40px;
position: relative;
}
.blog-post .post-content .post-navigation .navigation .nav-links .nav-next a:hover {
text-decoration: underline;
}
.blog-post .post-content .page-links {
width: 100%;
display: block;
border-top: 1px solid #eee;
padding-top: 20px;
}
.blog-post .post-content .post-navigation .navigation .nav-links .nav-next:after {
content: "»";
width: 30px;
height: 30px;
display: inline-block;
background: #009a4e;
color: #fff;
display: inline-block;
margin-left: 10px;
text-align: center;
border-radius: 30px;
position: absolute;
right: 0;
top: calc(50% - 18px);
line-height: 29px;
}
.blog-post .post-content .page-links h6 {
display: none;
}
.blog-post .post-content .page-links .post-page-numbers {
height: 60px;
line-height: 60px;
display: inline-block;
border: 1px solid #eee;
padding: 0 20px;
font-size: 13px;
font-weight: 600;
}
.blog-post .post-content .page-links .post-page-numbers.current {
background: #0e0e0e;
border-color: #0e0e0e;
color: #fff;
}
.blog-post .post-content .size-large {
width: 100%;
height: auto;
}
.blog-post .post-content code {
background: #eee;
padding: 4px;
color: #0e0e0e;
font-family: Courier;
}
.blog-post .post-content p code {
display: inline-block;
margin-top: 10px;
margin-bottom: 15px;
}
.blog-post .post-content blockquote {
background: #009a4e;
color: #fff;
padding: 30px;
margin-top: 20px;
margin-bottom: 20px;
}
.blog-post .post-content blockquote cite {
display: block;
margin-top: 10px;
}
.blog-post .post-content blockquote a {
color: #fff;
text-decoration: underline;
}
.blog-post .post-content blockquote p {
color: #fff;
}
.blog-post .post-content h3 {
font-weight: 600;
}
.blog-post .post-content h4 {
font-weight: 600;
}
.blog-post .post-content h5 {
font-weight: 600;
}
.blog-post .post-content h6 {
font-weight: 600;
}
.blog-post .post-content strong {
font-weight: 600;
}
.blog-post .post-content ol li ol {
margin-top: 5px;
margin-bottom: 0;
}
.blog-post .post-content ul li ul {
margin-top: 5px;
margin-bottom: 0;
}
.blog-post .post-content ul {
margin-bottom: 20px;
margin-top: 10px;
}
.blog-post .post-content ol {
margin-bottom: 20px;
margin-top: 10px;
}
.blog-post .post-content ul li {
margin-bottom: 8px;
}
.blog-post .post-content ul li:last-child {
margin-bottom: 0;
}
.blog-post .post-content ol li {
margin-bottom: 10px;
}
.blog-post .post-content ol li:last-child {
margin-bottom: 0;
}
.blog-post .post-content u {
text-decoration: none;
border-bottom: 5px solid #009a4e;
}
.blog-post .post-content .image-full {
display: block;
height: auto;
margin-bottom: 30px;
}
.blog-post .post-content .comment-list .comment ol {
margin-bottom: 20px;
}
.blog-post .post-content .comment-list .comment ol li ol {
margin-bottom: 0;
}
.blog-post .post-content .wp-block-image {
margin-bottom: 30px;
}
.blog-post .post-content .wp-block-image figcaption {
font-size: 85%;
}
.blog-post .post-content .post-author {
margin-bottom: 40px;
}
table {
width: 100%;
border: 1px solid #eee;
margin-bottom: 30px;
}
table tr {
padding: 15px 0;
}
table tr th {
padding: 15px;
border: 1px solid #eee;
}
table tr td {
padding: 15px;
border: 1px solid #eee;
}
.tag-content-2 {
position: relative;
}
.tag-content-2 .screen-reader-text {
display: none;
}
.postid-1788 .blog-post .post-content .post-entry-footer {
margin-top: 200px;
}
.postid-1177 .post-entry-footer {
margin-top: 200px !important;
}
.page-id-1133 .post-comment {
margin-top: 75px;
}
.post-1788 .post-entry-footer {
margin-top: 200px !important;
}
.post-1177 .post-entry-footer {
margin-top: 200px !important;
}
.post-1778 .post-content h6 {
margin-bottom: 30px;
}
.post-password-form label {
width: 100%;
}
.post-password-form input[type=password] {
width: 100%;
border: 1px solid #eee;
padding: 0 15px;
margin-top: 10px;
}
.post-password-form input[type=submit] {
margin-top: 5px;
}
.page-links {
width: 100%;
display: block;
border-top: 1px solid #eee;
padding-top: 40px;
font-size: 16px;
}
.page-links h6 {
display: none;
}
.page-links .post-page-numbers {
height: 60px;
line-height: 60px;
display: inline-block;
border: 1px solid #eee;
padding: 0 20px;
font-size: 13px;
font-weight: 600;
}
.page-links .post-page-numbers.current {
background: #0e0e0e;
border-color: #0e0e0e;
color: #fff;
}
.post-entry-footer {
width: 100%;
display: block;
padding: 20px;
border: 1px solid #e2e2e2;
margin-bottom: 30px;
font-size: 16px;
box-shadow: 6px 6px 0 #f5f5f5;
margin-top: 40px;
}
.post-entry-footer:last-child {
margin-bottom: 0;
}
.post-entry-footer .cat-links {
width: 100%;
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #0e0e0e;
font-weight: 600;
}
.post-entry-footer .cat-links a {
text-decoration: underline;
font-weight: 400;
}
.post-entry-footer .tags-links {
width: 100%;
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #0e0e0e;
font-weight: 600;
}
.post-entry-footer .tags-links a {
text-decoration: underline;
font-weight: 400;
}
.post-entry-footer .edit-link {
width: 100%;
display: block;
font-weight: 600;
}
.post-entry-footer .edit-link .screen-reader-text {
display: inline-block;
font-weight: 400;
}
.post-comment {
width: 100%;
display: block;
padding: 20px;
border: 1px solid #e2e2e2;
margin: 30px 0;
box-shadow: 6px 6px 0 #f5f5f5;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin-bottom: 16px !important;
} .post-comment .comments-title {
width: 100%;
display: block;
font-weight: 600;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.post-comment .comment-list {
width: 100%;
display: block;
margin-bottom: 60px;
padding: 0 !important;
}
.post-comment .comment-list .comment {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
padding: 0;
list-style: none;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.post-comment .comment-list .children {
margin-bottom: 20px;
}
.post-comment .comment-list .comment .comment-list {
margin-bottom: 20px;
}
.post-comment .comment-list .comment .comment-content {
width: calc(100% - 100px);
display: inline-block;
}
.post-comment .comment-list .comment .comment-content p:empty {
display: none;
}
.post-comment .comment-list .comment .comment-content p {
margin-bottom: 10px;
}
.post-comment .comment-list .comment .comment-content h4 {
font-size: 13px;
font-weight: 600;
}
.post-comment .comment-list .comment .comment-content small {
width: 100%;
display: block;
margin-bottom: 5px;
opacity: 0.6;
}
.post-comment .comment-list .comment .comment-content .comment-reply-link {
display: inline-block;
padding: 3px 8px;
background: #0e0e0e;
color: #fff;
font-size: 12px;
font-weight: 600;
}
.post-comment .comment-list .comment .comment-content .comment-reply-link:hover {
background: #009a4e;
color: #fff;
text-decoration: none;
}
.post-comment .comment-list .comment .comment-avatar {
margin-right: 20px;
}
.post-comment .comment-list .comment .comment-avatar:empty {
display: none;
}
.post-comment .comment-list .comment .comment-avatar img {
width: 60px;
height: 60px;
border-radius: 50%;
}
.post-comment .comment-form {
width: 100%;
display: block;
}
.post-comment .comment-form .comment-respond {
width: 100%;
display: block;
}
.post-comment .comment-form .comment-respond .comment-reply-title {
width: 100%;
display: block;
font-weight: 600;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.post-comment .comment-form .comment-respond form {
position: relative;
}
.post-comment .comment-form .comment-respond form .comment-notes {
display: block;
font-size: 13px;
font-weight: 600;
margin-bottom: 20px;
}
.post-comment .comment-form .comment-respond form .comment-form-cookies-consent {
padding: 0 15px;
}
.post-comment .comment-form .comment-respond form .comment-form-cookies-consent input[type=checkbox] {
margin-right: 10px;
}
.post-comment .comment-form .comment-respond form .comment-form-cookies-consent label {
width: auto;
display: inline-block;
font-size: 13px;
color: #555;
}
.post-comment .comment-form .comment-respond form .logged-in-as {
font-weight: 400;
text-transform: inherit;
border: none;
padding: 0;
font-size: 16px;
margin-bottom: 20px;
}
.post-comment .comment-form .comment-respond form .logged-in-as a {
text-decoration: underline;
}
.post-comment .comment-form .comment-respond form label {
width: 100%;
display: block;
font-weight: 600;
margin-bottom: 10px;
color: #009a4e;
}
.post-comment .comment-form .comment-respond form input[type=text] {
width: 100%;
display: block;
border: 1px solid #dadada;
padding: 0 15px;
background: #f7f7f7;
}
.post-comment .comment-form .comment-respond form input[type=email] {
width: 100%;
display: block;
border: 1px solid #dadada;
padding: 0 15px;
background: #f7f7f7;
}
.post-comment .comment-form .comment-respond form textarea {
width: 100%;
display: block;
border: 1px solid #dadada;
padding: 15px;
background: #f7f7f7;
}
.post-comment .comment-list .comment .comment-content h2 {
margin-top: 20px;
} .sidebar {
width: 100%;
display: flex;
flex-wrap: wrap;
padding-left: 30px;
font-size: 16px;
}
.sidebar .widget {
width: 100%;
display: block;
margin-bottom: 50px;
background: #fff;
padding: 30px;
padding-top: 0;
border: 1px solid #e2e2e2;
position: relative;
box-shadow: 6px 6px 0 #f5f5f5;
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget strong {
font-weight: 600;
}
.sidebar .widget .gallery {
margin-bottom: 0;
}
.sidebar .widget .gallery-item {
margin-bottom: 0;
}
.sidebar .widget .gallery-columns-3 {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0;
}
.sidebar .widget .gallery-columns-3 .gallery-item {
padding: 0 5px;
}
.sidebar .widget .categories {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget .categories li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
}
.sidebar .widget .categories li a {
margin: 0;
}
.sidebar .widget .categories li a:hover {
color: #73efcc;
text-decoration: none;
}
.sidebar .widget .categories li span {
float: right;
opacity: 0.5;
}
.sidebar .widget .tags {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.sidebar .widget .tags li {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
list-style: none;
}
.sidebar .widget .tags li a {
color: #fff;
background: #73efcc;
display: inline-block;
font-size: 13px;
padding: 3px 6px;
}
.sidebar .widget .tags li a:hover {
color: #73efcc;
background: #0e0e0e;
text-decoration: none;
}
.sidebar .widget .side-gallery {
display: block;
margin-left: -1px;
margin-right: -1px;
padding: 0;
}
.sidebar .widget .side-gallery li {
width: 50%;
float: left;
margin: 0;
padding: 1px;
list-style: none;
}
.sidebar .widget p {
margin-bottom: 0;
}
.sidebar .widget select {
width: 100%;
}
.sidebar .widget form {
margin: 0;
}
.sidebar .widget form input[type=search] {
width: 100%;
margin-bottom: 10px;
}
.sidebar .widget form button[type=submit] {
background: #73efcc;
color: #0e0e0e;
font-size: 20px;
}
.sidebar .widget .widget-title {
width: 100%;
display: block;
border-bottom: 4px solid #eee;
line-height: 1;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding: 25px 0;
padding-top: 30px;
margin-bottom: 25px;
color: #0b0b0b;
position: relative;
}
.sidebar .widget .widget-title:after {
content: "";
width: 70px;
height: 4px;
background: #fbc50b;
position: absolute;
left: 0;
bottom: -4px;
}
.sidebar .widget_search {
width: 100%;
}
.sidebar .widget_search .widget-title {
margin-bottom: 0;
}
.sidebar .widget_search .search-form {
padding-top: 40px;
}
.sidebar .widget_search .screen-reader-text {
display: none;
}
.sidebar .widget_search label {
width: 100%;
display: block;
}
.sidebar .widget_search input[type=search] {
border: 1px solid #eee;
padding: 0 15px;
}
.sidebar .widget_archive {
position: relative;
}
.sidebar .widget_archive .screen-reader-text {
display: none;
}
.sidebar .widget_archive ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_archive ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.sidebar .widget_archive ul li:before {
content: "";
width: 5px;
height: 5px;
float: left;
border-top: 1px solid #babbbd;
border-right: 1px solid #babbbd;
margin-top: 9px;
margin-right: 9px;
transform: rotate(45deg);
}
.sidebar .widget_archive ul li a {
margin: 0;
color: #0e0e0e;
}
.sidebar .widget_calendar {
position: relative;
}
.sidebar .widget_calendar caption {
padding-bottom: 0;
color: #009a4e;
font-weight: 600;
border-top: 1px solid #eee;
}
.sidebar .widget_calendar table {
width: 100%;
text-align: center;
margin-bottom: 0;
border: none;
}
.sidebar .widget_calendar table thead {
margin-bottom: 10px;
background: #fbfbfb;
}
.sidebar .widget_calendar table thead th {
height: 50px;
border-bottom: 1px solid #eee;
padding: 0;
}
.sidebar .widget_calendar table tbody {
margin-bottom: 10px;
}
.sidebar .widget_calendar table tbody #today {
background: #009a4e;
color: #fff;
}
.sidebar .widget_calendar table tbody td {
height: 40px;
padding: 0;
letter-spacing: -1px;
color: #a6a7ab;
}
.sidebar .widget_calendar table tbody td a {
width: 100%;
height: 100%;
line-height: 40px;
display: inline-block;
background: #009a4e;
color: #fff;
}
.sidebar .widget_calendar table tbody #today {
background: #009a4e;
color: #fff;
}
.sidebar .widget_calendar table tfoot {
padding-top: 10px;
}
.sidebar .widget_calendar table tfoot td {
border: none;
height: 60px;
padding: 0;
text-align: left;
}
.sidebar .widget_calendar table tfoot td:last-child {
text-align: right;
}
.sidebar .widget_calendar table tfoot a {
font-weight: 800;
}
.sidebar .widget_categories {
position: relative;
}
.sidebar .widget_categories .screen-reader-text {
display: none;
}
.sidebar .widget_categories ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_categories ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.sidebar .widget_categories ul li:before {
content: "";
width: 5px;
height: 5px;
float: left;
border-top: 1px solid #babbbd;
border-right: 1px solid #babbbd;
margin-top: 9px;
margin-right: 9px;
transform: rotate(45deg);
}
.sidebar .widget_categories ul li ul {
padding-left: 20px;
}
.sidebar .widget_categories ul li a {
margin: 0;
color: #0e0e0e;
}
.sidebar .widget_pages {
position: relative;
}
.sidebar .widget_pages ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_pages ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.sidebar .widget_pages ul li:before {
content: "";
width: 5px;
height: 5px;
float: left;
border-top: 1px solid #babbbd;
border-right: 1px solid #babbbd;
margin-top: 9px;
margin-right: 9px;
transform: rotate(45deg);
}
.sidebar .widget_pages ul li ul {
padding-left: 20px;
}
.sidebar .widget_pages ul li a {
margin: 0;
color: #0e0e0e;
}
.sidebar .widget_meta {
position: relative;
}
.sidebar .widget_meta ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_meta ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.sidebar .widget_meta ul li a {
margin: 0;
}
.sidebar .widget_recent_comments {
position: relative;
}
.sidebar .widget_recent_comments ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_recent_comments ul li {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
position: relative;
padding-left: 22px;
}
.sidebar .widget_recent_comments ul li:before {
content: "";
font-family: "LineIcons";
position: absolute;
left: 0;
top: 6px;
font-size: 13px;
}
.sidebar .widget_recent_comments ul li:last-child {
margin-bottom: 0;
}
.sidebar .widget_recent_comments ul li .comment-author-link {
width: 100%;
display: inline-block;
}
.sidebar .widget_recent_comments ul li .comment-author-link a {
text-decoration: none;
font-weight: 600;
color: #0e0e0e;
}
.sidebar .widget_recent_comments ul li a {
margin: 0;
color: #0e0e0e;
text-decoration: underline;
}
.sidebar .widget_recent_comments ul li a:hover {
text-decoration: none;
}
.sidebar .widget_recent_entries {
position: relative;
}
.sidebar .widget_recent_entries ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_recent_entries ul li {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.sidebar .widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.sidebar .widget_recent_entries ul li a {
margin: 0;
}
.sidebar .widget_rss {
position: relative;
}
.sidebar .widget_rss .rss-widget-icon {
display: none;
}
.sidebar .widget_rss ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_rss ul li {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 3px 0;
list-style: none;
}
.sidebar .widget_rss ul li:last-child {
margin-bottom: 0;
}
.sidebar .widget_rss ul li .rss-date {
width: 100%;
display: block;
font-size: 12px;
color: #a6a7ab;
margin: 5px 0;
}
.sidebar .widget_rss ul li .rssSummary {
width: 100%;
display: block;
margin-bottom: 5px;
}
.sidebar .widget_rss ul li cite {
display: block;
font-family: georgia;
color: #a6a7ab;
}
.sidebar .widget_rss ul li a {
margin: 0;
color: #0e0e0e;
font-weight: 600;
}
.sidebar .widget_text {
position: relative;
}
.sidebar .widget_text .wp-caption-text {
margin-top: 0;
}
.sidebar .widget_text img {
height: auto;
margin-top: 5px;
margin-bottom: 10px;
}
.sidebar .widget_text a {
display: inline-block;
}
.sidebar .widget_text p {
margin-bottom: 20px;
}
.sidebar .widget_text p:empty {
display: none;
}
.sidebar .widget_tag_cloud {
position: relative;
}
.sidebar .widget_tag_cloud .tagcloud {
width: 100%;
display: block;
}
.sidebar .widget_tag_cloud .tagcloud a {
color: #fff;
background: #009a4e;
display: inline-block;
font-size: 12px !important;
padding: 3px 6px;
margin-right: 5px;
margin-bottom: 5px;
}
.sidebar .widget_tag_cloud .tagcloud a:hover {
color: #fff;
background: #0e0e0e;
text-decoration: none;
}
.sidebar .widget_nav_menu {
position: relative;
}
.sidebar .widget_nav_menu ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.sidebar .widget_nav_menu ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.sidebar .widget_nav_menu ul li:before {
content: "";
width: 5px;
height: 5px;
float: left;
border-top: 1px solid #babbbd;
border-right: 1px solid #babbbd;
margin-top: 9px;
margin-right: 9px;
transform: rotate(45deg);
}
.sidebar .widget_nav_menu ul li ul {
padding-left: 17px;
}
.sidebar .widget_nav_menu ul li a {
margin: 0;
color: #0e0e0e;
} .side-widget .widget {
width: 100%;
display: block;
margin-bottom: 30px;
position: relative;
}
.side-widget .widget:last-child {
margin-bottom: 0;
}
.side-widget .widget strong {
font-weight: 600;
}
.side-widget .widget a {
color: #fff;
}
.side-widget .widget .gallery-columns-3 {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0;
}
.side-widget .widget .gallery-columns-3 .gallery-item {
padding: 0 5px;
}
.side-widget .widget .categories {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget .categories li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
}
.side-widget .widget .categories li a {
margin: 0;
}
.side-widget .widget .categories li a:hover {
color: #73efcc;
text-decoration: none;
}
.side-widget .widget .categories li span {
float: right;
opacity: 0.5;
}
.side-widget .widget .tags {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.side-widget .widget .tags li {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
list-style: none;
}
.side-widget .widget .tags li a {
color: #fff;
background: #73efcc;
display: inline-block;
font-size: 13px;
padding: 3px 6px;
}
.side-widget .widget .tags li a:hover {
color: #73efcc;
background: #0e0e0e;
text-decoration: none;
}
.side-widget .widget .side-gallery {
display: block;
margin-left: -1px;
margin-right: -1px;
padding: 0;
}
.side-widget .widget .side-gallery li {
width: 50%;
float: left;
margin: 0;
padding: 1px;
list-style: none;
}
.side-widget .widget p {
margin-bottom: 0;
}
.side-widget .widget select {
width: 100%;
}
.side-widget .widget form {
margin: 0;
}
.side-widget .widget form input[type=search] {
width: 100%;
margin-bottom: 10px;
}
.side-widget .widget form button[type=submit] {
background: #73efcc;
color: #0e0e0e;
font-size: 20px;
}
.side-widget .widget .widget-title {
font-size: 20px;
font-weight: 600;
}
.side-widget .widget_search {
width: 100%;
}
.side-widget .widget_search .widget-title {
margin-bottom: 0;
}
.side-widget .widget_search .search-form {
padding-top: 40px;
}
.side-widget .widget_search .screen-reader-text {
display: none;
}
.side-widget .widget_search label {
width: 100%;
display: block;
}
.side-widget .widget_search input[type=search] {
border: 1px solid #eee;
padding: 0 15px;
}
.side-widget .widget_archive {
position: relative;
}
.side-widget .widget_archive .screen-reader-text {
display: none;
}
.side-widget .widget_archive ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_archive ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #ababab;
}
.side-widget .widget_archive ul li a {
margin: 0;
color: #fff;
}
.side-widget .widget_calendar {
position: relative;
}
.side-widget .widget_calendar caption {
height: 50px;
line-height: 50px;
background: #009a4e;
padding: 0 15px;
color: #fff;
font-weight: 600;
caption-side: top;
}
.side-widget .widget_calendar .wp-calendar-nav {
display: block;
margin-top: 10px;
}
.side-widget .widget_calendar table {
width: 100%;
text-align: center;
margin-bottom: 0;
border: none;
}
.side-widget .widget_calendar table thead {
margin-bottom: 10px;
}
.side-widget .widget_calendar table thead th {
height: 50px;
border: 1px solid #424242;
border-bottom: 1px solid #424242;
padding: 0;
}
.side-widget .widget_calendar table tr td {
border: 1px solid #424242;
}
.side-widget .widget_calendar table tbody {
margin-bottom: 10px;
}
.side-widget .widget_calendar table tbody td {
height: 40px;
padding: 0;
letter-spacing: -1px;
color: #a6a7ab;
}
.side-widget .widget_calendar table tbody td a {
width: 100%;
height: 100%;
line-height: 40px;
display: inline-block;
background: #009a4e;
color: #fff;
}
.side-widget .widget_calendar table tfoot {
padding-top: 10px;
}
.side-widget .widget_calendar table tfoot td {
border: none;
height: 60px;
padding: 0;
text-align: left;
}
.side-widget .widget_calendar table tfoot td:last-child {
text-align: right;
}
.side-widget .widget_calendar table tfoot a {
font-weight: 800;
}
.side-widget .widget_categories {
position: relative;
}
.side-widget .widget_categories .screen-reader-text {
display: none;
}
.side-widget .widget_categories ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_categories ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.side-widget .widget_categories ul li ul {
padding-left: 20px;
}
.side-widget .widget_categories ul li a {
margin: 0;
color: #fff;
}
.side-widget .widget_pages {
position: relative;
}
.side-widget .widget_pages ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_pages ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.side-widget .widget_pages ul li ul {
padding-left: 20px;
}
.side-widget .widget_pages ul li a {
margin: 0;
color: #fff;
}
.side-widget .widget_meta {
position: relative;
}
.side-widget .widget_meta ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_meta ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.side-widget .widget_meta ul li a {
margin: 0;
}
.side-widget .widget_recent_comments {
position: relative;
}
.side-widget .widget_recent_comments ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_recent_comments ul li {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
position: relative;
padding-left: 22px;
}
.side-widget .widget_recent_comments ul li:before {
content: "";
font-family: "LineIcons";
position: absolute;
left: 0;
top: 6px;
font-size: 13px;
}
.side-widget .widget_recent_comments ul li:last-child {
margin-bottom: 0;
}
.side-widget .widget_recent_comments ul li .comment-author-link {
width: 100%;
display: inline-block;
}
.side-widget .widget_recent_comments ul li .comment-author-link a {
text-decoration: none;
font-weight: 600;
color: #fff;
}
.side-widget .widget_recent_comments ul li a {
margin: 0;
color: #fff;
text-decoration: underline;
}
.side-widget .widget_recent_comments ul li a:hover {
text-decoration: none;
}
.side-widget .widget_recent_entries {
position: relative;
}
.side-widget .widget_recent_entries ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_recent_entries ul li {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.side-widget .widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.side-widget .widget_recent_entries ul li a {
margin: 0;
}
.side-widget .widget_rss {
position: relative;
}
.side-widget .widget_rss .rss-widget-icon {
display: none;
}
.side-widget .widget_rss ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_rss ul li {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 3px 0;
list-style: none;
}
.side-widget .widget_rss ul li:last-child {
margin-bottom: 0;
}
.side-widget .widget_rss ul li .rss-date {
width: 100%;
display: block;
font-size: 12px;
color: #a6a7ab;
margin: 5px 0;
}
.side-widget .widget_rss ul li .rssSummary {
width: 100%;
display: block;
margin-bottom: 5px;
}
.side-widget .widget_rss ul li cite {
display: block;
font-family: georgia;
color: #a6a7ab;
}
.side-widget .widget_rss ul li a {
margin: 0;
color: #fff;
font-weight: 600;
}
.side-widget .widget_text {
position: relative;
}
.side-widget .widget_text .wp-caption-text {
margin-top: 0;
}
.side-widget .widget_text img {
height: auto;
margin-top: 5px;
margin-bottom: 10px;
}
.side-widget .widget_text a {
display: inline-block;
}
.side-widget .widget_text p {
margin-bottom: 20px;
}
.side-widget .widget_text p:empty {
display: none;
}
.side-widget .widget_tag_cloud {
position: relative;
}
.side-widget .widget_tag_cloud .tagcloud {
width: 100%;
display: block;
}
.side-widget .widget_tag_cloud .tagcloud a {
color: #fff;
background: #009a4e;
display: inline-block;
font-size: 12px !important;
padding: 3px 6px;
margin-right: 5px;
margin-bottom: 5px;
}
.side-widget .widget_tag_cloud .tagcloud a:hover {
color: #fff;
background: #0e0e0e;
text-decoration: none;
}
.side-widget .widget_nav_menu {
position: relative;
}
.side-widget .widget_nav_menu ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
font-size: 16px;
}
.side-widget .widget_nav_menu ul li {
width: 100%;
display: block;
margin: 0;
padding: 3px 0;
list-style: none;
color: #a6a7ab;
}
.side-widget .widget_nav_menu ul li ul {
padding-left: 17px;
}
.side-widget .widget_nav_menu ul li a {
margin: 0;
color: #fff;
}
.admin-bar .side-widget {
padding-top: 50px;
} .footer-widget {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 40px !important;
}
.footer-widget div {
width: 100%;
display: block;
}
.footer-widget table th, .footer-widget table td {
padding: 0;
text-align: center;
}
.footer-widget table tr td {
border-color: #fee13e;
}
.footer-widget table tr th {
border-color: #fee13e;
}
.footer-widget a {
color: #fff;
}
.footer-widget .widget-title { }
.footer-widget .screen-reader-text {
display: none;
}
.footer-widget .calendar_wrap {
width: 100%;
display: block;
}
.footer-widget .calendar_wrap caption {
height: 44px;
line-height: 44px;
font-size: 15px;
font-weight: 600;
color: #fff;
caption-side: top;
background: #fee13e;
padding: 0 15px;
color: #000;
}
.footer-widget .calendar_wrap .wp-calendar-nav {
display: block;
margin-top: 10px;
}
.footer-widget .calendar_wrap table {
width: 100%;
margin: 0;
}
.footer-widget .calendar_wrap table #today {
background: #fee13e;
color: #000;
}
.footer-widget .recentcomments {
margin-bottom: 10px !important;
}
.footer-widget .recentcomments .comment-author-link {
text-decoration: underline;
}
.footer-widget .recentcomments .comment-author-link a {
font-weight: 400;
}
.footer-widget .recentcomments a {
font-weight: 600;
}
.footer-widget .rss-widget-icon {
display: none;
}
.footer-widget .rsswidget {
margin-bottom: 5px;
font-weight: 600;
}
.footer-widget .rss-date {
width: 100%;
display: block;
font-size: 13px;
opacity: 0.6;
}
.footer-widget .rssSummary {
width: 100%;
display: block;
margin-bottom: 10px;
}
.footer-widget .textwidget {
width: 100%;
display: block; }
.footer-widget .custom-html-widget {
margin-bottom: 0;
}
.footer-widget .search-form {
width: 100%;
display: block;
}
.footer-widget .search-form label {
width: 100%;
}
.footer-widget .search-form input[type=submit] {
width: auto;
}
.footer-widget .tagcloud {
width: 100%;
display: block;
}
.footer-widget .tagcloud a {
font-size: 13px !important;
margin-right: 10px;
margin-bottom: 5px;
}
.footer-widget .tagcloud a:hover {
text-decoration: none;
}
.footer-widget img {
margin-top: 5px;
margin-bottom: 10px;
height: auto;
width: 100%;
}
.footer-widget strong {
font-weight: 600;
}
.footer-widget cite {
width: 100%;
display: block;
font-family: georgia;
font-size: 13px;
margin-bottom: 30px;
}
.footer-widget select {
width: 100%;
}
.footer-widget input[type=search] {
width: 100%;
border: none;
padding: 0 15px;
}
.footer-widget ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.footer-widget ul li {
width: 100%;
display: block;
margin: 2px 0;
padding: 0;
list-style: none;
}
.footer-widget ul li ul {
padding-left: 10px !important;
} .woocommerce {
width: 100%;
}
.woocommerce .woocommerce-notices-wrapper {
width: 100%;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
width: 100%;
display: block;
line-height: 40px;
margin-bottom: 50px;
padding: 20px 30px;
padding-left: 60px;
background: none;
border: 1px solid #eee;
box-shadow: 6px 6px 0 #f5f5f5;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
top: 21px;
left: 30px;
font-size: 20px;
color: green;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button {
border-radius: 0;
height: 40px;
line-height: 40px;
font-weight: 600;
padding: 0 20px;
background: #222327;
color: #fff;
}
.woocommerce .woocommerce-result-count {
line-height: 50px;
margin-bottom: -50px;
}
.woocommerce .woocommerce-ordering {
width: 100%;
display: block;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.woocommerce .woocommerce-ordering select {
height: 50px;
float: right;
}
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce ul.products.columns-3 {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.products.columns-3 li.product {
width: 33.33333%;
display: inline-block;
margin: 0;
margin-bottom: 40px;
padding: 0 15px;
}
.woocommerce ul.products.columns-4 {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.products.columns-4 li.product {
width: 25%;
display: inline-block;
margin: 0;
margin-bottom: 40px;
padding: 0 15px;
}
.woocommerce ul.products li.product .onsale {
border-radius: 0;
right: 25px;
top: 10px;
margin: 0;
padding: 0 15px;
background: var(--color-main);
}
.woocommerce ul.products li.product .price {
color: #222327;
font-size: 18px;
}
.woocommerce ul.products li.product .price ins {
float: right;
}
.woocommerce ul.products li.product .button {
padding: 0;
margin: 0;
color: #222327;
text-transform: uppercase;
background: none;
border-radius: 0;
} .woocommerce .blog-post .post-image {
display: none;
}
.woocommerce div.product {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.woocommerce span.onsale {
border-radius: 0;
left: 10px;
top: 10px;
margin: 0;
padding: 0 15px;
background: var(--color-main);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
border-radius: 0;
}
.woocommerce div.product div.images .flex-control-thumbs {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.woocommerce div.product div.images .flex-control-thumbs li {
flex: 1;
}
.woocommerce div.product div.summary {
padding-left: 50px;
}
.woocommerce div.product p.price {
color: #222327;
font-size: 28px;
}
.woocommerce div.product .woocommerce-product-details__short-description {
width: 100%;
display: block;
}
.woocommerce div.product form.cart {
width: 100%;
display: block;
margin-bottom: 30px;
}
.woocommerce .quantity .qty {
height: 60px;
}
.woocommerce div.product form.cart .button {
height: 60px;
border-radius: 0;
background: #222327;
color: #fff;
}
.woocommerce div.product form.product_meta {
width: 100%;
display: block;
margin-bottom: 20px;
}
.woocommerce div.product .product_meta .posted_in {
width: 100%;
display: block;
font-weight: 600;
margin-bottom: 15px;
}
.woocommerce div.product .product_meta .posted_in a {
font-weight: 400;
text-decoration: underline;
}
.woocommerce div.product .product_meta .tagged_as {
width: 100%;
display: block;
font-weight: 600;
}
.woocommerce div.product .product_meta .tagged_as a {
font-weight: 400;
text-decoration: underline;
}
.woocommerce div.product .woocommerce-tabs {
width: 100%;
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid #eee;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
border: 1px solid #eee;
margin: 0;
padding: 0 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
padding: 0;
height: 60px;
line-height: 60px;
display: inline-block;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
width: 100%;
display: block;
border: 1px solid #eee;
border-top: none;
padding: 30px;
box-shadow: 6px 6px 0 #f5f5f5;
margin-bottom: 60px;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
width: 100%;
display: block;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 15px;
}
.woocommerce div.product .woocommerce-tabs .panel p:last-child {
margin-bottom: 0;
}
.related.products {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.related.products h2 {
width: 100%;
font-weight: 600;
font-size: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
padding-bottom: 15px;
}
.related.products .products.columns-4 {
padding-left: 0;
}
.related.products .products.columns-3 {
padding-left: 0;
}