/*
Theme Name:     Total Child
Theme URI:
Description:    Child theme for Total
Author:         Customized by Rian Bowden
Author URI:     
Template:       Total
*/

/* DEFAULT SETUPS
===================================*/
@media screen and (min-width: 960px) {
    /* If using top bar/footer bottom widgets, make the first and last widget go to opposite sides of the screen */
    #top-bar-content {
        width: 100%;
    }
    #top-bar p {
        margin-bottom: 0;
    }
    #top-bar .widget:last-of-type, #footer-bottom .widget:last-of-type {
        float:right;
        padding-left:0;
    }
    #top-bar .widget, #socket .widget:first-of-type, #footer-bottom .widget, #socket .widget:first-of-type {
        float:left;
        padding-left:15px;
    }
    /* Make sure left/right aligned images don't get too big */
    img.alignleft, img.alignright,
    img.alignleft, img.alignright,
    img.alignleft, img.alignright {
        max-width:80%;
    }
}
@media screen and (max-width: 960px) {
    /* Hide on Mobile Class */
    .hide-on-mobile {
            display:none !important;
    }
    /* Center left/right aligned images on their own line */
    img.alignleft, img.alignright,
    img.alignleft, img.alignright,
    img.alignleft, img.alignright {
        float:none;
        clear:both;
        margin:0 auto;
        padding:10px 0;
        max-width:none;
    }
}
@media screen and (min-width: 768px) and (max-width:1280px) {
    /* Center left/right aligned images on their own line */
    .vc_col-sm-4 img.alignleft, .vc_col-sm-4 img.alignright,
    .vc_col-sm-3 img.alignleft, .vc_col-sm-3 img.alignright,
    .vc_col-sm-2 img.alignleft, .vc_col-sm-2 img.alignright {
        float:none;
        clear:both;
        margin:0 auto;
        padding:10px 0;
        max-width:none;
    }
}

/* MAIN ELEMENTS
===================================*/
/* Forms */
input:not([type='submit']):not([type="checkbox"]):not([type="radio"]):not([type="reset"]), select, textarea {
    width: 100%;
    margin-bottom: 0.5em;
    line-height: 1em;
    padding: 0.5em;
    background: #f7f7f7;
    border: 1px solid #eee;
    color: #777;
}
/* Standarize Buttons */
/* Basic Button Style: html buttons, basic button classes, cf7 buttons, woocommerce buttons, main VC button style */
button, input[type="submit"],
.theme-button, .color-button,
#wrap .vc_btn3.vc_btn3-style-modern {
    padding: 1em 1.5em;
}
/* Default Button Color */
button, input[type="submit"],
.theme-button, 
#wrap .vc_btn3-color-grey {
}
button:hover, input[type="submit"]:hover,
.theme-button:hover, 
#wrap .vc_btn3-color-grey:hover {
}
/* Other Button Colors */
#wrap .vc_btn3-color-primary {
}
#wrap .vc_btn3-color-primary:hover {
}

/* MAIN STRUCTURE
===================================*/

/* MAIN SECTIONS (header, footer, etc.)
===================================*/
/* Top Bar */
/* Header */
/* Custom moble logo*/
.myprefix-mobile-site-logo { display: none; }

@media only screen and (max-width: 959px) {
   .myprefix-mobile-site-logo { display: block; }
   #site-logo .main-logo { display: none; }
}
/* Main Navigation */
/* Title Area */
/* Footer */
/* Footer Bottom */
/* Sidebar */

/* INNER ELEMENTS
===================================*/

/* MISCELLANEOUS
===================================*/

/* BROAD STYLES
===================================*/

/* RESPONSIVE
===================================*/
/* Desktops */
@media screen and (min-width: 1280px) {
}
/* Landscape Tablets & Desktops (MENU EXPANDS & COLUMNS FLOAT) */
@media screen and (min-width: 960px) {
}
/* Tablets & Desktop */
@media screen and (min-width: 768px) {
}
/* Tablets & Phones */
@media screen and (max-width: 1279px) {
}
/* Portrait Tablets & Phones (MENU CONTRACTS & COLUMNS STACK) */
@media screen and (max-width: 960px) {
}
/* Landscape Phones */
@media screen and (max-width: 767px) {
}
/* Portrait Phones */
@media screen and (max-width: 420px) {
}
/* Narrow Columns on Large Screen */
@media screen and (min-width: 768px) and (max-width:1280px) {
}


/* ===== SEO/UX fixes (2026-06): mobile heading clipping ===== */
@media (max-width: 768px) {
  body.home { overflow-x: hidden; }
  h1, .wpex-h1 { overflow-wrap: anywhere; word-break: break-word; hyphens: auto; }
  .home .wpex-vc-full-width-row,
  .home .wpex-vc-full-width-row > .wpb_column,
  .home .wpex-vc-full-width-row .vc_column-inner,
  .home .wpex-vc-full-width-row .wpb_wrapper { max-width: 100% !important; }
}
@media (max-width: 600px) {
  .home .wpb_wrapper h1,
  .page-id-1271397 .wpb_wrapper h1 { font-size: 26px !important; line-height: 1.25; max-width: 100%; }
}
@media (max-width: 768px) {
  .home .wpex-vc-full-width-row { margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .home .wpex-vc-full-width-row .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; }
}

/* Footer copyright bar: separator between the copyright + legal-links text widgets */
#copyright .wpb_wrapper .widget_text,
#copyright .wpb_wrapper .widget_text .textwidget,
#copyright .wpb_wrapper .widget_text p { display: inline; margin: 0; }
#copyright .wpb_wrapper .widget_text + .widget_text::before {
  content: "|";
  margin: 0 0.45em;
  opacity: 0.55;
}