@import url(https://fonts.cdnfonts.com/css/avenir);
@import url(https://fonts.cdnfonts.com/css/georgia);
h1,h2,h3,h4,h5,h6,div,span,p,body{
font-family: 'Avenir', sans-serif;
}
.ast-left-sidebar #secondary {
border-right: 0px!important;
padding-right: 20px!important;
}
.ast-left-sidebar #primary
{
border-left: 0px !important;
padding-left:5px!important;
}
a{
text-decoration:none!important;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active{
display:flex!important;
}
ul#menu-sidebar-menu a{
color:#bfbeba!important;
transition:all 0.7s ease;
text-decoration:none!important;
}
ul#menu-sidebar-menu .menu-item a:hover {
color: #ff0000 !important;
}
ul#menu-sidebar-menu .current-menu-item a{
color:black!important;
}
.uagb-slider-container.uagb-block-177ec050 .swiper-button-next:after,
.uagb-slider-container.uagb-block-177ec050 .swiper-button-prev:after
{
font-size: 14px!important;
color: #33333359 !important;
opacity:0;
}
.uagb-slider-container.uagb-block-177ec050 .swiper-button-next:after:hover,
.uagb-slider-container.uagb-block-177ec050 .swiper-button-prev:after:hover{
color:#000000d1 !important
}
.wp-block-uagb-slider.uagb-block-177ec050.uagb-slider-container{
position:relative;
}
.swiper-button-next, .swiper-button-prev
{
top: 0%!important;
position:absolute;
width:50%!important;
height:100%!important;
}
.swiper-button-next{
cursor: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>\
<polygon points='9,4 18,12 9,20 9,14 2,14 2,10 9,10' fill='black'/>\
</svg>") 18 12, auto!important;
}
.swiper-button-prev{
cursor: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>\
<polygon points='15,4 6,12 15,20 15,14 22,14 22,10 15,10' fill='black'/>\
</svg>") 6 12, auto!important;
}
span.wp-block-cover__background{
display:none!important;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
color: #fff;
background:unset!important;
}
ul#menu-sidebar-menu {
padding: 0;
}
.modal-backdrop.show {
opacity: 1!important;
background-color: white!important;
}
#my-gallery{
margin-top:18px;
padding:50px;
}
#projects h4.uagb-post__text {
display:flex;
width:100%!important;
height:100%!important;
background-color: rgb(255 255 255 / 75%);
padding:0px;
font-size: 14px;
opacity: 1;
color:black!important;
justify-content: center!important;
align-items: center!important;
}
#projects h4.uagb-post__text a{
color:black!important;
}
#projects .uagb-post__inner-wrap{
padding:0px!important;
}
#videos-page h4.uagb-post__title.uagb-post__text
{
font-size: 12px;
}
#videos-page a.wp-block-button__link.uagb-text-link{
background-color:#f03;
border-color:#f03;
font-size:12px;
}
#videos-page .uagb-post__image-position-background .uagb-post__image img{
width:100%;
} #imageCarousel .carousel-control-prev {
left: 0!important;
height: 100%;
width:50%;
margin: auto;
cursor: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>\
<polygon points='15,4 6,12 15,20 15,14 22,14 22,10 15,10' fill='black'/>\
</svg>") 6 12, auto;
opacity:0;
}
.carousel-indicators{
display:none!important;
}
#imageCarousel .carousel-control-next {
right: 0%!important;
height: 100%;
width:50%;
margin: auto;
cursor: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>\
<polygon points='9,4 18,12 9,20 9,14 2,14 2,10 9,10' fill='black'/>\
</svg>") 18 12, auto;
opacity:0;
}
.modal-dialog.modal-dialog-centered.modal-xl {
margin-top: 0;
}
#imageModal button.btn-close {
top:0 !important;
right: -6% !important;
display: flex;
justify-content: flex-end;
width: 98%;
border: 0;
background-position-x: right;
box-shadow: 0;
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity);
background-color: unset!important;
border-color:  unset!important;
}
#projects .uagb-block-b4e71a63.is-grid .uagb-post__inner-wrap{
min-height:240px;
height:auto!important;
}
#projects .uagb-post__image-position-background .uagb-post__image img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
transform:unset!important;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
filter: invert(1) !important; opacity: .5 !important; }
h1.entry-title {
margin-top:50px;
font-size: 16px !important;
margin-bottom:0!important;
}
.carousel-item img{
height:auto!important;
max-height:90vh;
}
#contact-page p {
font-family: 'Georgia', sans-serif!important;    
font-size:14px;
}
.wp-block-social-links{
padding:0!important;
} 
.single .post-navigation{
display:none!important;
}
.carousel-item{
transition:opacity 0.3s ease-in-out!important;
opacity:0;
}
.carousel-item.active{
display:flex!important;
justify-content:center;
align-items:center;
align-content:center;
opacity:1;
position:relative!important;
}
.img-wrapper {
display: inline-block;
position: relative;
}
.img-wrapper::after {
content: attr(data-caption);
display: block;
text-align: left;
font-size: 14px;
margin-top: 10px!important;
color: #333;
}
.img-wrapper img {
display: block;
max-width: 100%;
margin: auto;
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: white!important;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: white!important;
}  .wp-social-link-youtube a[href*="youtube.com"] svg path,
.wp-social-link-youtube a[href*="youtube.com"] svg path {
fill: none !important; stroke: currentColor !important; stroke-width: 1.3px !important; } .wp-social-link-youtube a[href*="youtube.com"] svg,
.wp-social-link-youtube a[href*="youtube.com"] svg {
fill: none !important;
}
@media (min-width: 921px) {
.ast-plain-container.ast-right-sidebar .entry-content[data-ast-blocks-layout] .alignfull, .ast-plain-container.ast-left-sidebar .entry-content[data-ast-blocks-layout] .alignfull {
margin-left: -20px;
margin-right: -60px;
}
}
@media (min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1260px!important;
}
}
@media screen and (max-width:960px){
#menu-sidebar-menu{
display :none;
}
}
@media (max-width:768px){
.ast-left-sidebar #secondary{
display:none;
}
.ast-site-identity .site-title a{
display:none;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
fill:black;
}
.site-logo-img img{
width: 40%;
}
#imageCarousel .carousel-control-next {
bottom: -150%;
right: 20% !important;
}
#imageCarousel .carousel-control-prev {
bottom: -150%;
left: 20% !important;
}
#imageModal button.btn-close {
width: 90%!important;
}
.carousel-item img {
height: auto !important;
max-height: 60vh!important;
}
#menu-sidebar-menu{
display :none;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: unset!important;
}
#my-gallery{
margin-top:0!important;
}
#my-gallery
{
padding: 12px!important;
}
.ast-left-sidebar #primary {
padding-left: 0px !important;
margin:0;
}
#my-gallery  .uagb-container-inner-blocks-wrap{
row-gap:12px!important;
}
ul#ast-hf-mobile-menu {
padding-top: 2rem;
padding-bottom: 2rem;
background-color: black;
}
.main-header-bar-navigation.toggle-on{ background-color:black;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item > .ast-menu-toggle{
background-color: black!important;
color:white!important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle{
color:white!important;
}
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar
{
padding-left: 15px!important;
padding-right: 20px;
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{
padding-left: 0px!important;
padding-top:2rem;
}
.menu-toggle.toggled ~ #primary {
margin-top: 350px!important;
}
.site-logo-img{
padding-right:0px!important;
padding-top:2rem;
}
.ast-header-break-point .main-navigation .stack-on-mobile li{
text-align:center;
}
:root :where(.is-layout-flex) {
gap: 12px;
}
}
@media screen and (min-width: 960px) {
#imageCarousel img {
height: 100% !important;
max-height: 80vh;
}
} @media screen and (min-width: 1280px) {
#imageCarousel img {
height: 100% !important;
max-height: 80vh;
}
#home-slider{
max-width:100%;
}
#home-slider .wp-block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
max-height: 82vh;
object-fit: contain;
}
#my-gallery,
#videos-page{
max-width:100%;
}
}
@media screen and (min-width: 1920px) {
#imageCarousel img {
height: 100%!important;
max-height:80vh;
}
.modal-dialog {
max-width: 80%!important;
margin-right: auto;
margin-left: auto;
}
#home-slider .wp-block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
max-height: 77vh;
object-fit: contain;
}
.page .site-content > .ast-container
{
max-width: 80%!important;
}
#secondary{
max-width:200px!important;
}
.single-post .site-content > .ast-container {
max-width: 80%!important;
}
#my-gallery,
#videos-page{
max-width:100%;
}
.ast-container{
justify-content: space-between!important;
}
}
@media screen and (min-width: 2560px) {
#imageCarousel img {
width:100%!important;
height: auto!important;
max-height:80vh;
}
#home-slider .wp-block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
max-height: 77vh;
object-fit: contain;
}
.page .site-content > .ast-container
{
max-width: 80%!important;
}
#secondary{
max-width:200px!important;
}
.single-post .site-content > .ast-container {
max-width: 80%!important;
}
#my-gallery,
#videos-page{
max-width:86%;
}
.ast-container{
justify-content: space-between!important;
}
}