Oxy Starter CSS Long
p {
margin: 0 0 20px 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
}
blockquote {
font-size: 130%;
color: color(2);
font-weight: 500;
margin: 40px 0;
padding: 20px 30px 20px 90px;
background: color(5) url(../../2024/06/quote-icon.png) no-repeat 30px 40px;
border-left: 3px solid color(6);
}
blockquote p {
margin: 20px 0;
}
.wp-block-separator {
margin: 30px 0;
border: 0;
border-top: 1px solid color(4);
}
cite {
font-size: 15px;
padding-bottom: 15px;
display: block;
}
.no-image {
background-image: url(../../2024/06/no-photo.jpg)!important;
background-repeat: repeat;
background-position: 50% 50%;
background-size: cover;
}
#section-64-14 .oxy-repeater-pages-wrap {
display: none;
}
.limit-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
/* CUSTOM LINKS ------------*/
.blacklink a {
color: color(2);
}
.blacklink a:hover {
color: color(6);
}
.whitelink a {
color:#fff;
}
.whitelink a:hover {
color: color(6);
}
/* BUTTON ------------*/
.ct-link-button {
margin-bottom: 0px!important;
}
.ct-link-button,
.wp-block-button__link,
.wp-block-file__button {
font-size: 90%;
color: #fff;
background: color(6);
border: 1px solid color(6);
margin-bottom: 20px;
padding: 12px 18px;
border-radius: 3px;
line-height: 1.2;
}
.wp-block-button__link:hover,
.wp-block-file__button:hover {
color: #fff;
background: color(7)!important;
border: 1px solid color(7)!important;
}
/* WP IMAGES ------------*/
figure {
margin: 2em 0px;
}
figcaption {
text-align: center;
font-size: 90%;
color: #6d7587;
line-height: 1.4;
}
.alignnone {
max-width: 100%!important;
width: 100%!important;
height: auto!important;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.alignright {
float: right;
margin: 0 0 20px 20px;
}
.wp-caption {
max-width: 100%;
height: auto;
}
.wp-caption {
margin-bottom: 0px;
}
.wp-caption-text {
text-align: center;
font-size: 85%;
color: #838a94;
line-height: 1.4;
margin-top: 6px;
}
.wp-block-image figcaption {
margin-bottom: 0em;
margin-top: .5em;
}
.wp-block-image img {
max-width: 100%;
height: auto;
}
.oxy-stock-content-styles img, .ct-inner-content img {
max-width: 100%;
height: auto;
}
.ct-image {
margin-bottom: 20px;
}
.wp-block-gallery {
padding: 20px 0;
}
.wp-block-embed {
padding: 20px 0;
overflow-wrap: break-word;
}
/* MENU ------------*/
#-pro-menu-7-16 .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children .oxy-pro-menu-dropdown-icon-click-area {
position: absolute;
right: 0;
margin-right: 0;
background: rgba(255,255,255, 0.1);
}
.oxy-pro-menu-off-canvas-container > div:first-child {
margin-top: 0;
padding-top: 80px;
}
#-pro-menu-7-16 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a {
width: 220px;
}
.oxy-pro-menu .sub-menu li.menu-item {
white-space: break-spaces;
}
.oxy-pro-menu-container.oxy-pro-menu-off-canvas-container {
box-shadow: 0 0 100px 0 rgb(0, 0, 0, 0.3);
}
/* NINJA FORM ------------*/
.nf-form-fields-required {
display: none;
}
.nf-form-content .label-above .nf-field-label {
margin-bottom: 0px!important;
}
.nf-form-content label {
font-size: inherit!important;
}
.nf-field-label .nf-label-span, .nf-field-label label {
font-weight: inherit!important;
}
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
background: #fff!important;
}
.nf-form-content input.ninja-forms-field {
height: 45px!important;
}
.nf-form-content input[type="submit"] {
background: color(6)!important;
font-family: inherit!important;
padding: 12px 20px!important;
border-radius: 3px!important;
cursor: pointer;
}
.nf-form-content input[type="submit"]:hover {
background: color(7)!important;
color: #fff!important;
}
/* SLIDER ------------*/
#slider-171-14 .unslider-arrow {
border-radius: 0 0 0 0!important;
height: 50px!important;
width: 40px!important;
opacity: 1!important;
}
#slider-171-14 .unslider-arrow:hover {
opacity: 0.8!important;
}
#slider-171-14 .unslider-arrow.next {
right: 0px!important;
}
#slider-171-14 .unslider-arrow.prev {
left: 0px!important;
}
.unslider .unslider-nav {
bottom: 10px!important;
}
/* GUTENBERY WIDTH IMAGE -------*/
.alignwide {
margin-left : -120px;
margin-right : -120px;
padding: 0 0 5px 0;
}
.alignfull {
margin-left : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width : 100vw;
padding: 20px 0;
}
.alignfull img {
width: 100vw;
}
.oxy-repeater-pages-wrap {
grid-column: 1 / -1;
}
/* RESPONSIVE -------------------------------*/
@media only screen and (max-width : 1200px){
.alignwide {
margin-left : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width : 100vw;
padding: 10px 0;
}
.alignfull {
padding: 10px 0;
}
}
@media only screen and (max-width : 992px){
#-pro-menu-7-16 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg {
font-size: 18px;
margin-left: 0px;
}
}
@media only screen and (max-width : 768px){
h1 {
font-size: 32px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
.ct-section-inner-wrap {
padding-top: 40px;
padding-bottom: 40px;
}
.oxy-repeater-pages a {
font-size: 14px;
padding-top: 3px!important;
padding-left: 10px!important;
padding-right: 10px!important;
padding-bottom: 3px!important;
margin-right: 2px!important;
}
.oxy-repeater-pages span.current {
font-size: 14px;
padding-top: 3px!important;
padding-left: 10px!important;
padding-right: 10px!important;
padding-bottom: 3px!important;
margin-right: 2px!important;
}
#slider-171-14 .unslider-arrow {
height: 30px!important;
width: 20px!important;
}
}
@media only screen and (max-width : 480px){
figure {
margin: 1em 0px;
}
.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-image .alignright img,
.wp-block-image .alignleft img {
max-width: 100%;
height: auto;
width: 100%!important;
margin: 0 0 10px 0;
}
}