/* -----------------------------------*/
/* ---------->>> Index <<<-----------*/
/* -----------------------------------*/
/*
Theme Name: Clarks Custom Theme
Author: The Mays Team
Author URI: http://ad-mays.com
Description: Base Theme of Mays for Further editing
Text Domain: Mays Theme Skeleton
*/

/* master.css */
@import url("https://clarkshardware.com/wp-content/themes/maysclark/reset.css");
@import url("https://clarkshardware.com/wp-content/themes/maysclark/global.css");  
@import url("https://clarkshardware.com/wp-content/themes/maysclark/flash.css");
@import url("https://clarkshardware.com/wp-content/themes/maysclark/structure.css");

/* Color reference
  /* Colors 
    Purple: #60129F
	Green: #5B9C16
	Dark Purple: #300950
	Black: #111111
    
background: #111111
Main Color: #fff
Secondary Color: #26c712
links: #DC7327
headings: #254763
main content bg: #DCAFFF

/* -----------------------------------*/
/* ---->>> Table of Contents <<<------*/
/* -----------------------------------*/

* 001 - Global Structure
* 002 - Links & Typography
* 003 - Navigation & Header
* 004 - Main Layout (Divs)
* 005 - Buttons, Icons & Forms 
* 006 - Bootstrap
* 007 - Visual Composer OverRides
		- 007A Tabbing & Tour Styles
* 008 - Plug-in OverRides
		- 008A Soliloquy
* 009 - Footer Styles (Style the Footer)
* 010 - Responsive Restyle(Responsive Styling)
* 011 - Print-Copy Restyle (Printer-Copy Styling)
*/

/* -----------------------------------*/
/* --->>> 001 Global Structure <<<----*/
/* -----------------------------------*/

html {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body {
    background-size: contain;
    overflow-x: hidden; /* Hides Absolute Images Horizontally */
    word-wrap: break-word;
}

img {
    width: 100%;
}


/* -----------------------------------*/
/* --->>> 002 Links & Typography <<<--*/
/* -----------------------------------*/
/*
Body: Open Sans Regular | 18px | #231F20 | 28px
Body Bold: Open Sans Semi-Bold | 18px | #DC7327
*/
body {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
    font-size: 18px;
    color: #000000;
    line-height: 35px;
	background-color: #ffffff;
}

body strong {
    font-weight: 700;
    color: #000000;
}
/* Header font information 
Header 1: Montserrat Regular | 50px | #254763 | 28px
Header 2: Montserrat Light | 40px | #254763 | 28px
Header 3: Montserrat Light | 30px | #254763 | 28px
Header 4: Montserrat Light | 25px | #254763 | 28px
Header 5: Montserrat Light | 18px | #254763 | 28px
*/

h1, h2, h3 {
    font-family: 'Arvo', serif;
    font-weight: 700;
    color: #A91E23;
}

h4 {
    font-family: 'Arvo', serif;
    font-weight: 400;
    color: #0A3758;
}

h1 {
   font-size:40px;
}

h2 {
   font-size:30px;
}

h3 {
   font-size:25px;
}

h4 {
   font-size:19px;
}

h5 {
   font-size:14px;
}

strong {
   font-weight: 800;
}

a {
   color: #0A3758;
   font-weight: 600;
   font-size: 18px;
   text-decoration: none !important;
}

a:hover {
   color: #0A3758;
   font-weight: 600;
   font-size: 18px;
   text-decoration: none !important;
}

/* DISABLES BLUE OUTLINE ON CLICKED UBERMENU ITEM*/
a:focus {
outline:none;
color: #0A3758;
text-decoration: none !important;
}


/* -----------------------------------*/
/* -->>> 003 Navigation & Header <<<--*/
/* -----------------------------------*/

.header-top {
    margin: 25px 0;
}

.header-ace-logo {
    display: inline-block;
    width: 100px !important;
    margin-right: 10px !important;
}
.header-shop {
    display: block;
    margin-bottom: 5px !important;
    margin-top: 20px !important;
}
.header-shop_img {
    width: 400px !important;
}
.header-sale {
    display: block;
    text-align: right !important;
    margin-top: 13px !important;
}


.header-sale_img {
    width: 205px !important;
}

.header-col_middle {
        text-align: right !important;
    }

.header-social .social-icon {
    width: 38px !important;
    -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 5px 3px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 5px 3px rgba(0, 0, 0, 0.5);
}
/* Navigation Menu */
.header-nav {
    background-color:#0A3758;
    -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow:    0px 5px 3px rgba(0, 0, 0, 0.5) !important;
    box-shadow:         0px 5px 3px rgba(0, 0, 0, 0.5) !important;
	z-index: 9999;
}
.nav {
    background-color:#0A3758;
    padding: 8px 0;
	transition:1s;
}

.nav-link {
    color: #ffffff !important;
    font-family: 'Arvo', serif;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
    padding: 10px 30px !important;
}

/*.nav-item:nth-child(n+2):nth-child(-n+3) {
        display: none !important;
    }*/

.nav-link:hover {
    color: #9DAFBC !important;
}

.nav-link:active {
    color: #9DAFBC !important;
}


.nav-alpha-change{
	background-color:#0A3758 !important;
	transition:1s;
}

.header-search {
    padding: 10px 30px !important;
    display: block;
}

@media (max-width: 1430px) {
    
   .header-social .social-icon {
        width: 36px !important;
    }
    
    .nav-link {
        font-size: 16px !important;
        padding: 10px 25px !important;
    }
}

@media (max-width: 1395px) {
    
   .header-social .social-icon {
        width: 30px !important;
    }
    
    .header-shop_img {
        width: 345px !important;
    }
    
    .header-sale_img {
        width: 180px !important;
    }
}

@media (max-width: 1290px) {
    .nav-link {
        padding: 10px 15px !important;
    }
}



@media (max-width: 1200px) {
    
   .header-social .social-icon {
        width: 28px !important;
    }
    
    .nav-link {
        font-size: 15px !important;
    }
}

@media (max-width: 1140px) {
    .header-ace-logo {
    width: 80px !important;
    }
    .header-social .social-icon {
        width: 26px !important;
    }
    
    .header-shop_img {
        width: 310px !important;
    }
}

@media (max-width: 1040px) {
    .header-ace-logo {
    width: 72px !important;
    }
    
    .header-social .social-icon {
        width: 24px !important;
    }
    
     .nav-link {
        font-size: 13px !important;
    }
}
@media (max-width: 992px) {
   
    .header-top {
        text-align: center !important;
    }
    
    .header-logo-img {
        width: 463px !important;
        margin-bottom: 20px !important;
    }
    .header-ace-logo, .header-shop, .header-sale {
        display: none;
    }
    
    .header-col_middle {
        text-align: center !important;
    }
    .header-social .social-icon {
        width: 38px !important;
    }
    
    /* Navigation Menu */
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
    
    .nav-link {
        font-size: 18px !important;
    }
    
    .nav-item:nth-child(n+2):nth-child(-n+3) {
        display: block !important;
    }

    .header-search {
        display: none;
    }
}


@media (max-width: 500px) {
    .header-logo-img {
        width: 263px !important;
    }
  
    .header-social .social-icon {
        width: 26px !important;
    }
    
}


    
   

/* -----------------------------------*/
/* ------>>> 004 Main Layout <<<------*/
/* -----------------------------------*/

/* Drop Shadow Stylings */
.box-shadow {
	-webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 5px 3px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 5px 3px rgba(0, 0, 0, 0.5);
}

/* Home-page Call to Action Stylings */

.cta {
	background:#0A3758 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.cta h2, .cta h3, .cta p{
	color:white !important;
    text-align: center !important;
}

.cta .image {
	padding:0px !important;
    margin-bottom: 15px !important;
}

.cta-txt {
    margin-bottom: 15px !important;
}

/* Slider Stylings */

.slider-desktop, .flexslider {
    margin-bottom: 0!important;
}

.section-slider {
    margin-bottom: 0px !important;
}

.slider_bg_1 {
    background: url('img/slide-1.jpg') !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    
}

.slider_bg_2 {
    background: url('img/ABOUTPAGE.png') !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    
}

.slider_bg_3 {
    background: url('img/MEMBERSPAGE.png') !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    
}

.slider_container {
    max-width: 1170px !important;
    margin: 0 auto !important;
    padding: 5em 1.5em;
}

.slider_container h1, .slider_container h2 {
    font-family: 'Montserrat', sans-serif;
}

.slider_container h1 {
    color: #ffffff;
    font-size: 40px;
    line-height: 1.5em;
}

.slider_container h1 strong {
    color: #A91E23;
    font-weight: 500;
}

.slider_container h2 {
    color: white;
    font-size: 40px;
}

button.slider {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
    font-size: 17px !important;
    color: #ffffff !important;
    padding: 10px 20px;
    background-color: #0A3758 !important;
    margin-top: 1.3em;
    transition: all 0.5s ease;
    border: none;
}


button.slider:hover {
    background-color: #0A3758 !important;
    color: #ffffff !important;
}

.slider_display {
    display: block;   
}

.mobile_image {
    display: none;
}

@media (max-width: 992px) {
    .slider_container h1 {
        color: white;
        font-size: 36px;
        line-height: 1.5em;
    }
    
}

@media (max-width: 768px) {
    .slider_container {
        text-align: center;    
    }
    
    .slider_container h1 {
        color: white;
        font-size: 32px;
        line-height: 1.5em;
    }
    
}

@media (max-width: 700px) {
    .mobile_image {
        display: block;
    }
    
    .slider_display {
        display: none;   
    }

}
/* Section Stylings */
.section-primary {
    background-color:#ffffff;
    margin-bottom: 35px;
}
.section-secondary {
	background-color:#0A3758;
    padding-top: 35px;
}
.section-tertiary {
    padding-top: 35px;
}

.section-btn_container {
    text-align: left !important;
}

.section-primary_contact {
    color: #000000 !important;
        padding-top: 35px;
}

.section-primary_contact .fa-map-marker {
    margin-right: 10px !important;
}

.section-primary_contact .address {
    margin-left: 20px !important;
}

.section-primary-nopadding {
    padding: 0px;
}

.section-tertiary-nopadding {;
    padding: 0px;
}
.section-primary_col {
    padding-top: 35px;
}

.section-tertiary-items {
    padding-bottom: 5px;
    padding-top: 5px;
    
}


/*Contact Icons */
.section-primary .fa {
        color: #A91E23 !important;
        margin: 5px !important;
}


#testimonials {
background: #60129f; /* Old browsers */
background: -moz-linear-gradient(-35deg, #60129f 0%, #60129f 50%, #300950 50%, #300950 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-35deg, #60129f 0%,#60129f 50%,#300950 50%,#300950 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(160deg, #60129f 0%,#60129f 50%,#300950 50%,#300950 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60129f', endColorstr='#300950',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


hr.divider {
    border-top: 4px #A91E23 solid !important;
    line-height: 4px !important;
}

/*Bulleted List Height: 50px */
ul.arrow, ul.white-arrow {
    line-height: 28px !important;
}

/* Table Styling */
.table {
    font-size: 16px !important;
    margin: 0 !important;
}

.table td {
    border: 0 !important;
}

tr {
    background-color: #190E21 !important;
}

th {
    color: white !important;
}
/* Form Stylings */
select {
    background-color: #190E21 !important;
    color: white !important;
}

@media (max-width: 992px) {
    .section-btn_container {
        text-align: center !important;
    }

}
/* -----------------------------------*/
/* ->> 005 Buttons, Icons & Forms <<--*/
/* -----------------------------------*/
/* Social Media Icons*/
.social-icon {
    width: 30px;
	margin: 0 5px 5px 0;
}

/* Contact Info Icon */
.contact-icon {
    width: 11px;
    padding-bottom: 5px;
    line-height: 10px
}

/* Unordered List Icon */
ul.arrow {
    
    list-style-image: url('img/blue-arrow-icon.svg');
    
}
ul.white-arrow {
    
    list-style-image: url('img/white-arrow-icon.svg');
    
}
/* CTA ICON Size */
.footer-cta-icon {
    max-width:51px;
    margin: 5px;
}


.footer-cta-btn {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: #0A3758 !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 0 !important; 
    padding: 15px 26px;
}

.footer-cta-btn:hover {
    background-color: #0A3758 !important;
    color: #ffffff !important;
}
.btn:hover .btn:active {
	background-color: #0A3758 !important;
    color: #ffffff !important;
}
.ubtn-hover .ubtn-hover:active {
	background-color: #0A3758 !important;
    color: #ffffff !important;
}

/* -----------------------------------*/
/* ------>>> 006 Bootstrap <<<------*/
/* -----------------------------------*/
/*
.header-top .container, .header-nav .container, footer .container {
    max-width: 1600px !important;
}
*/

.container {
    max-width: 1480px !important;
}
/* -----------------------------------*/
/* -> 007 Visual Composer OverRides <-*/
/* -----------------------------------*/

/* --->>> 007A Tabbing & Tour Styles <<<---*/

/* START Reset VC Button Styles*/
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    border-style:none !important;
    background-color: transparent !important;
    border-radius: 0 !important; 
}

.vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container {
    margin: 0 !important;
}

.vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel {
    margin: 0 !important;
}

/* END Reset VC Button Styles*/


.vc_tta-panels, .vc_tta-panel-heading {
    background-color: transparent !important;
    border-radius: 0 !important; 
    border-style: none !important;
}

.vc_tta-tab {
    background-color: #DC7327 !important;
    font-size: 18px !important;
    color: white !important;
    font-weight: 600 !important;
}

.vc_tta-tab:hover, .vc_tta-panel-heading:hover {
    background-color: #282828 !important;
}

.vc_active, .vc_tta {
    background-color: #ffffff !important;
    border-radius: 0 !important; 
}

/*Active tab button */
li.vc_tta-tab.vc_active {
    background-color: #DC7327 !important;
    font-size: 18px !important;
    color: white !important;
    font-weight: 600 !important;
}
.vc_tta-title-text {
    color: white !important;
}
/* --->>> 007B Button Styles <<<---*/
a.ubtn-link {
    width: 100% !important;
}
/* Buttons: Open Sans Semi-Bold | 18px | White (Background is #254763)
Hover: Open Sans Semi-Bold | 18px | White (Background is #282828)*/
.vc_btn3 {
    font-family: 'Open Sans', san-serif;
    font-weight: 400 !important;
    font-size: 21px !important;
    background-color: #0A3758 !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 0 !important; 
	text-transform: uppercase;
}

.vc_btn3:hover {
	background-color: #A91E23 !important;
    color: #ffffff !important;
}

.cta .vc_btn3 {
	background-color: #A91E23 !important;
    color: #ffffff !important;
}

.cta .vc_btn3:hover {
	background-color: #ffffff !important;
    color: #A91E23 !important;
}

.ubtn-text  {
    margin-right: 2em !important;
}


.section-primary_nomargin .ubtn-text {
    margin-right: 0 !important;
}
button.ubtn {
    font-size: 15px !important;
    background-color: #0A3758 !important;
    text-transform: uppercase !important;
}
button.ubtn:hover {
        color: #ffffff !important;
        background-color: #0A3758 !important;
}

/* --->>> 007C Advance Tab Styles Styles <<<---*/

/*Advanced Tab accordion icon override */
i.accordion-icon {
    display: none !important;
}

.ult_tabmenu.style2 li.ult_tab_li {
    min-width: 187px;    
}

.ult_tab_iconTop {
    margin: 10px auto !important;
    font-size: 55px !important;
}

.ult_tabmenu active {
    background-color: #E0E0E0 !important;
}

.ult_tabmenu {
    background-color: #ffffff !important;
}
.ult_tab_section:hover .ult-span-text {
    color: black !important;
}
@media (max-width: 767px) {
    span.ult_tab_main.ult_ac_main.ult_top.Both {
        margin-bottom: 15px;
    }
    
    i.ult_tab_icon {
        font-size: 40px !important;
    }
}


/* This is a weird background color override. Had to do it this way. May be a batter way in the future */
ul.ult_tabmenu.style1.Style_5 a.ult_a {
    background-color: white !important;
    border-color: #F6881F !important;
}
/* End color override */


.ult-span-text {
    color: #A91E23 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-family: 'Karla', sans-serif !important;
    font-size: 18px !important;
    line-height: 2.0em !important;
}

.current .ult-span-text {
    color: #0A3758 !important;
}

/* Hide Media Grid Hover Image */
.pp_gallery ul a  {
    display: none !important;
}

/* -----------------------------------*/
/* --->>> 008 Plug-In OverRides <<<---*/
/* -----------------------------------*/

/* --->>> 008A Gravity Forms Overrides <<<---*/
/* Gravity Form Styling */

/* Button Stylings */
/* Send Button */
.gform_button  {
    font-family: 'Arvo', serif !important;
    font-weight: 400 !important;
    font-size: 21px !important;
    background-color: #0A3758 !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 0 !important; 
}

.gform_button:hover {
    background-color: #0A3758 !important;
    color: #ffffff !important;
    cursor: pointer;
}
/* --->>> 008B Visual Form Builder <<<---*/
/* Visual Form Builder Styling */
/* Button Stylings */

/* Send Button */
.vfb-submit  {
    font-family: 'Arvo', serif !important;
    font-weight: 400 !important;
    font-size: 21px !important;
    background-color: #0A3758 !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 0 !important; 
}

.vfb-submit:hover {
    background-color: #0A3758 !important;
    color: #ffffff !important;
}
/*Label Stylings*/
label.vfb-desc {
    color:#000000 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
}

/*Fieldset Stylings */
.visual-form-builder fieldset {
    background-color: var(--quinary-color) !important;
    border: none !important;
    margin: 0 !important;
}

.vfb-form-1 {
    margin: 0 !important;
}


/* --->>> 008C Appointments +  <<<---*/
/* Appointments Header */
.appointments-wrapper h3 {
    font-size: 24px !important;
}

/* Appointments Table */
.appointments-list table td {
    font-size: 17px !important;
    color: white !important;
}

/* Appointments Legend Table */
.appointments-legend-table td {
    font-size: 17px !important;
}

div.busy, div.free, div.notpossible {
    color: white !important;
    font-size: 17px !important;
}

/*Buttons styling */
.appointments-pagination a {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: #0A3758 !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 0 !important; 
    padding: 15px 26px !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

.appointments-pagination a:hover {
    background-color: #0A3758 !important;
    color: #ffffff !important;
}

.appointments-gcal-field img {
    width: 32% !important;
}

input[type="button"] {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: #0A3758 !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 0 !important; 
    padding: 15px 26px !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

input[type="button"]:hover {
    background-color: #0A3758 !important;
    color: #ffffff !important;
}

.wait_img {
    width:15% !important;
}

/* --->>> 008D Mailchimp  <<<---*/
#mc_embed_signup form {
    padding: 10px 0 10px 0% !important;
}

#mc_embed_signup input[type=submit] {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: #0A3758 !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 0 !important; 
    padding: 10px 26px !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    height: 50px !important;
}

#mc_embed_signup input[type=submit]:hover {
    background-color: #0A3758 !important;
    color: #ffffff !important;    
}

/* Div for Mailchimp Submit Button */
@media (max-width: 767px) {
    .footer-submit {
        text-align: center !important;
    }
}
/* -----------------------------------*/
/* ---->>> 009 Footer Styles <<<------*/
/* -----------------------------------*/
/* Footer: Open Sans Regular | 17px | White */
footer {
	background: #0A3758 !important;
    color: white !important;
    font-family: 'Open Sans', sans-serif;
    padding: 30px !important;
    font-size: 15px;
	border-top: 10px solid #A91E23;
    -webkit-box-shadow: inset 0px 5px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    inset 0px 5px 3px rgba(0, 0, 0, 0.5);
    box-shadow:         inset 0px 5px 3px rgba(0, 0, 0, 0.5);
	line-height: 1.5em;
}


.footer-social .social-icon {
    background-color: #ffffff !important;
}

footer strong {
    font-weight: 700;
}

footer .container {
	margin-top:10px;
	padding: 10px;
}

.footer-ace {
    text-align: right !important;
}

.footer-ace-logo {
    width: 175px !important;
}

footer .col-one, footer .col-two {
    border-right: 2px solid #A91E23;
    height: auto;
}

footer h3, footer strong, footer a {
    color: white;
}

footer h4 {
    color: #ffffff !important;
    font-family:  'Arvo', serif;
    font-weight: 700;
}
/* --->>> 008B Footer Contact Info Styles <<<---*/
footer .address {
  margin-left:20px;
} 

footer .fa {
    color:#A91E23 !important;
    margin-right: 5px !important;
}

.mayslink, .mayslink:hover {
	font-size: 14px;
}
.footer-phone_link {
    font-size: 15px !important;
    font-weight: 400 !important;
}
.mayslink a:hover, footer a:hover {
    color: #ffffff !important;
}

@media (max-width: 992px) {
    footer {
        text-align: center !important;
    }
    
    .footer-ace {
        text-align: center !important;
    }
    
    footer .col-one, footer .col-two {
        border-right: none;
    }
}

/* -----------------------------------*/
/* --->>> 010 Responsive Styles <<<---*/
/* -----------------------------------*/

/* -----------------------------------*/
/* --->>> Bootstrap Carousel Styles<<<---*/
/* -----------------------------------*/

.carousel-indicators li {
	width:12px;
	height:12px;
	background-color: #ffffff !important;
}

.carousel-indicators .active {
	width:12px;
	height:12px;
	margin: 1px;
	background-color: #A91E23 !important;
}


/*-------------------------------------------*/
/*---------->>> CSS Animations & Effects <<<-----------*/
/* These can be applied to Visual Composer areas to create these effects */


/* Fade Effect */
.fade-in {
    opacity:1;
    -webkit-transition: 1s; /* Safari */
    transition: 1s;
}

.fade-in:hover {
    opacity:0.5;
}
/* End Fade Effect */


/* --------------------------------------------------------------- */
/* --->>> Extra small devices (phones, less than 260px)  <<<-------*/
/* ->>> No media query since this is the default in Bootstrap <<<--*/
/* --------------------------------------------------------------- */

@media (min-width: 260px) {
  /*Hide Footer Line on Smallest Devices */
  .footer-hr {
    display:none;
  }
  /* Centers footer in mobile devices */
  #footer {
    text-align: center;
  }

   /*Large Slider Hidden Small Slider Displays */
   .slider-large {display: none;}
   .slider-small {display: block; }
}
@media (max-width: 992px) {
  /*Align elements to center*/
    h1,h2,h3,h4,h5,h6 {
        text-align:center;
    }
   
    /*Navigation Menu Styles*/
    /*align nav links to center*/
    .ubermenu .ubermenu-target {
        text-align:center !important;
    }
    /* Navigation Menu Styles End */
    
    /* Responsive Header Styles End */
    
    /* Responsive Footer Styles */
    
    /* Contact Us Footer Styles */
    .cta-icon {
        display:none;
    }
    
    #footer-contact {
        text-align: center;
    }
    /* Contact Us Footer Styles End*/
    
    /* Middle Footer Styles */
    #footer-middle {
        text-align: center;
    }
    /* Middle Footer Styles End*/
    /* Responsive Footer Styles End*/
    
    #header-img {
        padding-bottom: 85px !important;
    }
    
    /* Accordion Tabs */
    


    .vc_tta-panel-title {
        background-color: #DC7327 !important;
    }
    /*Hover Accordion */
    .ult_acord a:hover {
        background-color: #0A3758 !important;
        color: white !important;
    }
    .ult_acord a:hover .ult_acordian-text {
        color: white !important;
    }
     .ult_acord a:hover .ult_tab_icon {
        color: #DC7327 !important;
    }
    /*Active Accdordion*/
    .ult-tabto-actitleActive {
            background-color: #ffffff !important;
    }
    .ult-tabto-actitleActive .ult_acordian-text {
            color: white !important;
    }
}

/* --------------------------------------------------------------- */
/* -------->>> Small devices (tablets, 768px and up)  <<<----------*/
/* --------------------------------------------------------------- */

@media (min-width: 768px) {


}

/* --------------------------------------------------------------- */
/* -------->>> Medium devices (desktops, 992px and up) <<<---------*/
/* --------------------------------------------------------------- */

@media (min-width: 992px) {
   /*Large Slider Displays Small Slider Hidden */
   .slider-large {display: block;}
   .slider-small {display: none; }
}

/* --------------------------------------------------------------- */
/* ----->>> Large devices (large desktops, 1200px and up) <<<------*/
/* --------------------------------------------------------------- */

@media (min-width: 1200px) {


}



/* -----------------------------------*/
/* ----->>> 011 Print-Styles <<<------*/
/* -----------------------------------*/

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a,
	button,
	input,
	textarea,
	select,
	.widecolumn form,
	.widecolumn .mu_register form {
		display: none;
	}

	.site-header,
	.site-footer,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area,
	.widecolumn {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}
}

/*Disable scrollbars*/
  .excerpt {
    overflow:auto !important;
  }

/*Print Friendly */
/*Hide Sliders*/
#pf-content div.slider-small, #pf-content div.slider-large {
display:none !important;
}

#pf-content .call-us p {
margin-left: auto !important;
}
/*Hide Maps */
#pf-content div#wpgmaps_directions_edit_11.wpgmaps_directions_outer_div {
display: none !important;
}

/*Hide Keelty Communities Essential Grid */
#pf-content h3:last-child {
display:none !important;
}
#pf-content article#esg-grid-2-1-wrap.myportfolio-container.minimal-light {
display: none !important;
}