/*
Theme Name: Nova Storages
Theme URI: https://www.novastorageco.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Thrive Agency
Author URI: https://thriveagency.com
template: bb-theme
*/

/* Add your custom styles here... */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


/*-------------Typographical Elements---------------*/
body {
    background-color: #fff;
    color: #3E3E3E;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

p {
    margin: 0 0 10px;
    padding: 0;
}
#fl-main-content .fl-content .fl-rich-text p {
    margin-bottom: 18px;
}
#fl-main-content .fl-content .fl-rich-text p:last-child {
    margin-bottom: 10px;
}
header .fl-rich-text p,
footer .fl-rich-text p {
    margin-bottom: 10px;
}

a{
    font-weight: 400;
    color: #6400C9;
    text-decoration: underline;
    transition: color .5s ease 0s;
}

a:hover {
    font-weight: 400;
    text-decoration: underline;
    color: #3E3E3E;
}

.button,
a.button,
.fl-page .button,
.fl-page input[type="button"],
.fl-page input[type="reset"],
.fl-page input[type="submit"],
body .fl-page .gform_wrapper .gform_footer .button,
body .fl-page .gform_wrapper .gform_footer input[type="submit"],
body .fl-page .fl-builder-content a.fl-button,
body .fl-page .fl-builder-content a.fl-button:visited {
  background: #6400C9;
  border-radius: 0px;
  border: 0px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  outline: medium none;
  padding: 19px 43px;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  transition: 0.5s;
}

.button:hover,
a.button:hover,
.fl-page .button:hover,
body .fl-page .gform_wrapper .gform_footer .button:hover,
body .fl-page .fl-builder-content a.fl-button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type="submit"]:hover {
  background: #3E3E3E;
  color: #fff;
  text-decoration: none;
}

body .fl-page .fl-builder-content a.fl-button span {
  color: #fff;
}

body .fl-page .fl-builder-content a.fl-button:hover span {
  color: #fff;
}

body .fl-page .fl-builder-content .white-btn a.fl-button{
    background: #6400C9;
    color: #fff;
}
body .fl-page .fl-builder-content .white-btn a.fl-button:hover{
    background: #fff;
    color: #6400C9;
}
body .fl-page .fl-builder-content .white-btn a.fl-button:hover span {
    color: #6400C9;
}

#move-right{
    float: right;
    order: 2;
}

/*-------------Bullet Points---------------*/
.fl-page-content .fl-rich-text ul > li::marker,
.pp-infobox-description ul > li::marker{
    color:#6400C9;
}
.fl-page-content .fl-rich-text ul,
.pp-infobox-description ul,
.fl-page-content .fl-rich-text ol{
    padding-left: 16px;
}
.pp-infobox-description ul > li{
    padding-left: 5px;
    margin-bottom: 8px;
}
.fl-page-content .fl-rich-text ul > li{
    margin-bottom: 8px;
}
.pp-infobox-description ul {
    padding-top: 20px;
    margin-bottom: 30px;
}
.pp-infobox-description ul ul{
    padding-top: 0px;
}


/*-------------Headings---------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1em;
    color: #3E3E3E;
}

h1 {
    font-size: 62px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 30px;
    line-height: 1.2em;
}

h5 {
    font-size: 24px;
    line-height: 1.1em;
    color: #6400C9;
}

h6 {
    font-size: 20px;
    line-height: 1.2em;
    color: #6400C9;
}

/*-------------Header---------------*/
.main-header{
    z-index: 9;
    position: relative;
}
.main-header .header-logo img.fl-photo-img{
    max-height: 105px;
}
.fl-theme-builder-header-shrink .main-header .header-logo img.fl-photo-img {
    max-height: 70px !important;
    width: auto;
    height: auto;
}
.fl-theme-builder-header-shrink .main-header .header-logo .fl-module-content {
    margin-top: 8px;
}
.main-header .pp-dual-button-content a.pp-button,
.footer-contact .pp-dual-button-content a.pp-button{
    width: 100%;
}
.main-header .pp-dual-button-content .pp-custom-icon,
.footer-contact .pp-dual-button-content .pp-custom-icon {
    height: auto;
    max-height: none;
    margin-right: 5px;
}
.main-header .pp-advanced-menu li#menu-item-652 a {
    padding-right: 0px;
}
.main-header .menu .pp-has-submenu .sub-menu {
    left: 13px;
}
.main-header .pp-advanced-menu .menu > li.mob-ph,
.main-header .pp-advanced-menu .menu > li.mob-mail{
    display: none;
}
.fl-theme-builder-header-scrolled .main-header .fl-row-content-wrap {
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);
    background-color: #fff;
}
.fl-theme-builder-header-shrink .main-header .fl-row-content-wrap {
    padding-top: 8px;
}
.main-header .pp-advanced-menu li a[href$='#'] {
    pointer-events: none;
}

/*-------------Home Page STYLING---------------*/
.container-option .pp-heading .heading-title,
.container-option .pp-sub-heading{
    padding-left: 30px;
}
.our-process .fl-col-group .fl-col-small.col-one,
.our-process .fl-col-group .fl-col-small.col-two{
    position: relative;
}
.our-process .fl-col-group .fl-col-small.col-one:after, .our-process .fl-col-group .fl-col-small.col-two:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #6400C9;
    width: 100%;
    height: 1px;
    bottom: 55px;
    left: 20px;
}
.our-process .fl-col-group .fl-col-small.col-two:after {
    width: 95%;
}
.our-process .fl-col-small.col-two .fl-photo {
    z-index: 1;
}
.service-areas .fl-rich-text strong{
    color: #6400C9 !important;
    padding: 0px 24px;
    font-weight: 400;
}
.fl-module-pp-image-carousel .pp-image-carousel-wrapper .swiper-wrapper{
    align-items: center;
}

/*-------------Contact Form STYLING---------------*/
.contact-form .gfield#field_1_1 .gfield_label {
    display: block;
    width: 80px;
    float: left;
}
.contact-form .gfield#field_1_1 .gfield_label .gfield_required{
    display: none;
}
.contact-form .gfield .ginput_container_radio {
    display: inline-block;
    width: calc(100% - 80px);
}
.contact-form .gfield .ginput_container_radio .gchoice{
    display: inline;
    max-width: 100%;
    margin-right: 9px;
    background-color: #fff;
    padding: 14px 6px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
}
.contact-form .gfield .ginput_container_radio .gchoice:last-child{
    margin-right: 0px;
}
.contact-form .pp-gf-content .gform_wrapper .gform_footer {
    margin-top: 15px;
}
.pp-gf-content .gform_wrapper.gravity-theme .gform_validation_errors {
    margin-bottom: 30px;
    padding: 16px 16px 16px 16px;
}
.pp-gf-content .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-size: 20px;
    line-height: 30px;
}
.pp-gf-content .gform_wrapper.gravity-theme .gfield_validation_message,
.pp-gf-content .gform_wrapper.gravity-theme .validation_message,
.pp-gf-content .gform_wrapper .gfield .gfield_description {
    padding: 8px 8px;
}
.pp-gf-content .gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
    margin-left: -38px;
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar td,
.gravity-theme.ui-datepicker .ui-datepicker-calendar th span,
.gravity-theme.ui-datepicker .ui-datepicker-header select {
    font-size: 13px !important;
}
/* @-moz-document url-prefix() {
.contact-form .gfield .ginput_container_radio .gchoice:last-child{
    padding: 14px 4px;
}
} */

/*-------------Blog STYLING---------------*/
.pp-content-posts .pp-content-grid-load-more a{
    font-weight: 700;
}

/*-------------Footer STYLING---------------*/
.main-footer .fl-rich-text {
    width: 100%;
}
.main-footer .fl-rich-text ul {
    padding-left: 0px;
}
.main-footer .fl-rich-text ul > li::marker{
    display: none;
}
.main-footer .fl-rich-text ul > li{
    display: inline-block;
    padding: 0px 20px;
}
.main-footer .fl-rich-text ul > li a{
    color: #3E3E3E;
    text-decoration: none;
}
.main-footer .fl-rich-text ul > li a:hover{
    color: #6400C9;
    text-decoration: none;
}
.main-footer .pp-dual-button a.pp-button:hover img {
    filter: invert(23%) sepia(73%) saturate(2343%) hue-rotate(330deg) brightness(83%) contrast(95%);
}
.footer-copyright .fl-html {
    font-size: 16px;
    color: #3E4939;
    text-align: center;
}
.footer-copyright .fl-html br{
    display: none;
}
.footer-copyright .fl-html img{
    vertical-align: text-bottom;
    margin-left: 3px;
}

/*-------------Breadcrumb STYLING---------------*/
.pp-breadcrumbs a, .pp-breadcrumbs span {
    color: #3E3E3E;
    padding: 0px 5px;
}
.pp-breadcrumbs a {
    text-decoration: none;
}
.pp-breadcrumbs .breadcrumb_last,
.pp-breadcrumbs a:hover {
    color: #6400C9;
}


/* --------------------------------------------------------------------------------
** MEDIA QUERIES
** --------------------------------------------------------------------------------*/

@media screen and (max-width: 3000px){
.contact-form .gfield .ginput_container_radio .gchoice {
    margin-right: 10px;
    padding: 14px 7px;
}
.contact-form .gfield .ginput_container_radio .gchoice:last-child {
    padding: 14px 4px;
}
}

@media screen and (max-width: 1900px){
.contact-form .gfield .ginput_container_radio .gchoice {
    margin-right: 10px;
    padding: 14px 7px;
}
.contact-form .gfield .ginput_container_radio .gchoice:last-child {
    padding: 14px 7px;
}
}

@media screen and (max-width: 1380px){
.hero-banner .fl-row-content-wrap{
    padding-left: 70px;
}
.hero-banner .fl-module-photo .fl-module-content{
    margin-left: -20px;
}
}

@media screen and (max-width: 1240px){
.hero-banner .fl-row-content-wrap{
    padding-left: 0px;
}
.hero-banner .fl-module-photo .fl-module-content{
    margin-left: 0px;
}
}

@media screen and (max-width: 1120px){
body .fl-page .fl-builder-content .white-btn a.fl-button {
    padding: 19px 30px;
}
.service-areas .fl-rich-text strong {
    padding: 0px 17px;
}
}

@media screen and (max-width: 992px){
h1 {
    font-size: 54px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 32px;
}
h4 {
    font-size: 28px;
}
h5 {
    font-size: 23px;
}
.main-header .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-has-submenu-container > a > span,
.main-header .pp-advanced-menu-horizontal.pp-toggle-plus .pp-has-submenu-container > a > span {
    padding-right: 26px;
    padding-left: 0;
}
.main-header .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-menu-toggle {
    right: 10px;
    left: auto;
}
.our-process .fl-col-group .fl-col-small.col-one:after,
.our-process .fl-col-group .fl-col-small.col-two:after {
    display: none;
}
.our-process .pp-heading-content .pp-heading h4.heading-title br{
    display: none;
}
.container-option .pp-heading .heading-title, .container-option .pp-sub-heading {
    padding-left: 20px;
}
.pp-advanced-menu .sub-menu > li > a,
.pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a {
    background-color: #3e3e3e;
}
}

@media screen and (max-width: 751px){
h1 {
    font-size: 50px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 26px;
}
h5 {
    font-size: 22px;
}
h6 {
    font-size: 19px;
}
.fl-col-small{
    width: 100% !important;
    max-width: 100% !important;
}
.main-header .header-logo {
    max-width: 240px !important;
    width: 240px !important;
}
.header-logo .fl-photo-content img{
    max-width: 220px !important;
    height: 77px !important;
    max-height: 77px !important;
}
.main-header .pp-advanced-menu .menu > li.mob-ph,
.main-header .pp-advanced-menu .menu > li.mob-mail{
    display: block;
}
.main-header .pp-dual-button-content{
    display: none;
}
.main-header .header-nav{
    float: right;
}
body .pp-advanced-menu .pp-off-canvas-menu.pp-menu-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.pp-advanced-menu .pp-off-canvas-menu {
    top: 107px;
}
.fl-theme-builder-header-scrolled .main-header .fl-row-content-wrap {
    padding-top: 14px;
    padding-bottom: 15px;
}
.fl-module-pp-advanced-menu .pp-advanced-menu-mobile-toggle {
    padding: 16px 8px 16px 8px;
}
html.pp-off-canvas-menu-open .pp-advanced-menu.menu-open .pp-off-canvas-menu {
    width: 100%;
}
.pp-off-canvas-menu-right.pp-off-canvas-menu-open .pp-advanced-menu-mobile-toggle .pp-hamburger:after {
    content: "\00d7";
    display: inline-block;
    font-weight: 300;
    color: #000;
    font-size: 50px;
    height: 20px;
    position: relative;
    top: 6px;
}
.pp-advanced-menu.off-canvas .pp-off-canvas-menu.pp-menu-right .pp-menu-close-btn,
.pp-off-canvas-menu-right.pp-off-canvas-menu-open .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box {
    display: none;
}
.pp-advanced-menu.off-canvas.menu-open .pp-clear {
    opacity: 0;
}
.pp-advanced-menu .pp-off-canvas-menu {
    visibility: hidden;
}
html.pp-off-canvas-menu-open .pp-advanced-menu.menu-open .pp-off-canvas-menu {
    visibility: visible;
}
html.pp-off-canvas-menu-open .main-header .header-logo {
    z-index: 999999;
    position: relative;
}
.pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-has-submenu-container > a > span{
    padding-left: 0px !important;
}
.pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-menu-toggle {
    right: 6px !important;
    left: auto !important;
}
.pp-advanced-menu.off-canvas .menu > li.mob-ph,
.pp-advanced-menu.off-canvas .menu > li.mob-mail {
    margin-left: 20px !important;
}
.pp-advanced-menu.off-canvas .menu > li.mob-ph a {
    background: url(../../uploads/2024/02/phone.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    padding-top: 12px;
}
.pp-advanced-menu.off-canvas .menu > li.mob-mail a{
    background: url(../../uploads/2024/02/mail.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    padding-top: 12px;
    padding-right: 12px;
}
.pp-advanced-menu.off-canvas .sub-menu > li > a,
.pp-advanced-menu.off-canvas .sub-menu > li > .pp-has-submenu-container > a {
    padding-left: 35px !important;
}
.footer-review .fl-row-content-wrap{
    max-width: 400px;
    margin: 0px auto !important;
}
.container-option .pp-heading-content .pp-heading h4.heading-title br{
    display: none;
}
#half-image .fl-row-content-wrap:after {
    background-image: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 0%);
}
.fl-module-pp-content-grid .pp-posts-wrapper {
    position: relative;
    max-width: 400px;
    margin: 0px auto;
}
.footer-contact .pp-spacer {
    width: 55px;
}
#hide-image .fl-row-content-wrap{
    background-image: none;
}
}

@media screen and (max-width: 640px){
.contact-form .gfield .ginput_container_radio .gchoice:last-child,
.contact-form .gfield .ginput_container_radio .gchoice {
    margin-right: 1%;
    width: 100%;
    max-width: 49%;
    display: inline-block;
    margin-top: 10px;
}
.contact-form .gfield .ginput_container_radio .gchoice:nth-child(2),
.contact-form .gfield .ginput_container_radio .gchoice:nth-child(4) {
    margin-right: 0%;
}
.contact-form .gfield#field_1_1 .gfield_label {
    width: 100%;
    margin-bottom: 0px;
}
.contact-form .gfield .ginput_container_radio {
    display: block;
    width: 100%;
}
}

@media screen and (max-width: 580px){
h1 {
    font-size: 45px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 25px;
}
h5 {
    font-size: 21px;
}
h6 {
    font-size: 18px;
}
.main-footer .fl-rich-text ul > li {
    padding: 20px 20px;
}
.footer-contact .pp-spacer {
    width: 0px;
}
.footer-contact .pp-dual-button-content .pp-dual-button-inner {
    display: block;
}
.footer-contact .pp-dual-button-content .pp-dual-button {
    float: none;
    margin-bottom: 15px;
}
.footer-contact .pp-dual-button-content .pp-dual-button a.pp-button {
    text-align: center;
}
.footer-copyright .fl-html {
    line-height: 32px;
}
.footer-copyright .fl-html br {
    display: block;
}
}

@media screen and (max-width: 480px){
.button,
a.button,
.fl-page .button,
.fl-page input[type="button"],
.fl-page input[type="reset"],
.fl-page input[type="submit"],
body .fl-page .gform_wrapper .gform_footer .button,
body .fl-page .gform_wrapper .gform_footer input[type="submit"],
body .fl-page .fl-builder-content a.fl-button,
body .fl-page .fl-builder-content a.fl-button:visited {
  padding: 15px 30px;
}
h1 {
    font-size: 40px;
}
.contact-form .gfield .ginput_container_radio .gchoice:last-child,
.contact-form .gfield .ginput_container_radio .gchoice {
    margin-right: 0%;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    margin-top: 10px;
}
}

@media screen and (max-width: 420px){
.service-areas .fl-rich-text strong {
    padding: 0px 5px;
}
}