/*
 Theme Name:     Reliable Courier Child Theme
 Theme URI:      
 Description:    
 Author:         Spyderserve Corp
 Author URI:     https://www.spyderserve.com
 Version:        20250925.0
 ID:             353
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Fonts */

@font-face {
    font-family: "montserrat";
    src: url(fonts/montserrat/Montserrat-Regular.ttf);
}
@font-face {
    font-family: "montserrat";
    font-weight:bold;
    src: url(fonts/montserrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: "pt_sans";
    src: url(fonts/PT_Sans/PTSans-Regular.ttf);
}
@font-face {
    font-family: "pt_sans";
    font-weight: bold;
    src: url(fonts/PT_Sans/PTSans-Bold.ttf);
}
@font-face {
    font-family: "oswald";
    src: url(fonts/Oswald/Oswald-Regular.ttf);
}

/* Text Styles */

body h1, body h2, body h3, body h4, body h5, body h6
{
    letter-spacing: .5px;
    font-family: 'montserrat';
    font-weight: normal;

}
body h2, body h3, body h4, body h5, body h6
{
    font-family: 'oswald';
    margin-bottom:5px;
}
body h1
{
    font-size: 46px;
    line-height: 51px;
    font-weight:700;
    border-bottom:4px solid #FF6F00;
    text-align:center;
    padding-bottom:10px;
}
body h2
{
    font-size: 26px;
    line-height: 31px;
    text-transform: uppercase;
}
body h3
{
    font-size: 22px;
    line-height: 27px;
}
body h4, body h5, body h6
{
    font-size: 18px;
    line-height: 23px;
}

p
{
    font-family:pt_sans;
    font-size:18px;
    line-height:31px;
}
li
{
    font-family:pt_sans;
    font-size:18px;
    line-height:31px;
}
a
{
    font-family:pt_sans;
    font-size:18px;
    line-height:31px;
    text-decoration:none;
    color:#FFFFFF;
}
a:hover
{
    text-decoration:underline;
    cursor: pointer;
}
.green_bg a, .green_bg p
{
    color: #ffffff;
}
.white_bg a, .white_bg p
{
    color:#000000;
}
.pattern_bg a, .pattern_bg p
{
    color:#FFFFFF;
}

/* add styling for cta hyperlink */

.spyder-cta
{
    border-width: 0;
    border-style:solid;
    border-radius: 0px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0 25px;
    text-align: center;
    width: auto;
    background-color:#FF6F00;
    color:#000000;
    text-transform:uppercase;
}
.spyder-cta:hover
{
    background-color:#FF9C1E;
}
.green_bg .spyder-cta
{
    color:rgb(2, 51, 23);
}
.white_bg .spyder-cta
{
    color:#FFFFFF;
}
.pattern_bg .spyder-cta
{
    color:#000000;
}


/* General Styling */
body
{
    background-image: url("img/bg.jpg");
    margin:0;
    padding:0;
    color: #FFFFFF;
}
article.standard
{
    width:calc(100% - 20px);
    margin:20px auto 20px auto;
}
article.fullwidth
{
    width:calc(100% - 20px);
    margin:10px auto 10px auto;
}
article.fullwidth h1, article.fullwidth p, article.fullwidth ul
{
    width:1200px;
    margin:50px auto 50px auto;
}
article.fullwidth p, article.fullwidth ul
{
    width:1200px;
    margin:10px auto 10px auto;
}
article.fullwidth .wp-block-columns
{
    padding-left: calc( (100% - 1200px) / 2);
    padding-right: calc( (100% - 1200px) / 2);
    padding-top:50px;
    padding-bottom: 50px;
    margin:50px 0;
}
article.fullwidth .wp-block-columns p
{
    width:unset;
    margin: inherit;
}
@media screen and (min-width: 1200px)
{
    article.standard
    {
        width:1200px;
        margin:50px auto 50px auto;
    }
}



#layout.frontpage .featured-image
{
    position:relative;
}
#layout.frontpage .featured-image img
{
    max-width:100%;
}
#layout.frontpage .featured-image div
{
    background: linear-gradient(180deg, #175B34, #023317);
    position:static;
    font-family: montserrat;
    font-size:24px;
    width:calc(100% - 20px);
    text-align:left;
    padding:10px;
}
@media screen and (min-width: 1200px)
{
    #layout.frontpage .featured-image div
    {
        background: linear-gradient(180deg, #175B34, #023317);
        position:absolute;
        top:20%;
        left:20%;
        font-family: montserrat;
        font-size:44px;
        width:530px;
        text-align:center;
        padding:10px;
    }
}

/* Background styling */

.green_bg
{
    background-image: linear-gradient(90deg, rgb(2, 51, 23), rgb(23, 91, 52) 45%, rgb(23, 91, 52) 55%, rgb(2, 51, 23));
    color:#FFFFFF;
}
.white_bg
{
    background-color:#FFFFFF;
    color:#000000;
}
.pattern_bg
{
    background-color: transparent;
    color:#FFFFFF;
}

/* Header Styling */

.header
{
    width:100%;
    margin: 0 auto;
    overflow:auto;
    margin-bottom:10px;
    background-color:#FFFFFF;
    padding-top:15px;
}

#headerContainer
{
    background-color:#FFFFFF;
    margin:0;
    padding:0;
}

.header .left
{
    width:100%;
    float:none;
    text-align:center;
}
.header .right
{
    width:100%;
    float:none;
    text-align:center;
}
.header .left img
{
    max-width:50%;
}

.header .right img
{

}
.header .right img:first-child
{

}
.header .right img:nth-child(2)
{

}
@media screen and (min-width: 1200px)
{
    .header
    {
        width:1200px;
        margin: 0 auto;
        overflow:auto;
        margin-bottom:10px;
        background-color:#FFFFFF;
        padding-top:15px;
    }
    #headerContainer
    {
        background-color:#FFFFFF;
        margin:0;
        padding:0;
    }
    .header .left
    {
        width:600px;
        float:left;
    }
    .header .right
    {
        width:600px;
        float:right;
        text-align:right;
    }

    .header .left img
    {
        max-width:50%;
    }
    .header .right img
    {
        height:75px;
        display:inline-block;
        margin-left:50px;
    }
    .header .right .veteran_icon
    {
        height:100px;
    }
}

#navContainer
{
    border-top: 1px solid #EEEEEE;
    width:300px;
    background-color:#FFFFFF;
    text-align:left;
    position:relative;
}
#navContainer .menu_control
{
    width:40px;
    height:40px;
    display:block;
    font-family: "Font Awesome 7 Free";
    font-weight: 400;
    color:#000000;
    font-size:40px;
    padding:5px;
}
#navContainer #mainMenu li a
{
    color:#000000;
}
#navContainer #mainMenu
{
    margin:0 auto;
    padding:0;
    text-align:center;
    position:absolute;
    top:50px;
    left:0;
    z-index: 999999;
    background-color: #FFFFFF;
    display:none;
}
#navContainer #mainMenu.show
{
    display:block;
}
#navContainer #mainMenu li
{
    display:block;
    padding:15px;
    padding-bottom:11px;
    text-align:left
}
.menu a
{
    font-family: Montserrat;
    font-size: 12px;
    line-height:20px;
    text-decoration: none;
    color:#000000;
    text-transform: uppercase;
    font-weight:700;
    letter-spacing: 2px;
    display:block;
}

#mainMenu.menu li
{
    border-bottom:4px solid #ffffff;
}
#mainMenu.menu li:hover
{
    border-bottom:4px solid #186F33;
}

@media screen and (min-width: 1200px)
{
    #navContainer
    {
        border-top: 1px solid #EEEEEE;
        width:100%;
        background-color:#FFFFFF;
        text-align:center;
    }
    #navContainer .menu_control
    {
        display: none !important;
        width:0px;
        height:0px;
        display:block;
        padding:0px;
    }
    #navContainer #mainMenu
    {
        width:1200px;
        margin:0 auto;
        padding:0;
        text-align:center;
        position: unset;
        top:unset;
        left:unset;
        display:block;
    }
    #navContainer #mainMenu li
    {
        display:inline-block;
        padding:15px;
        padding-bottom:11px;
    }
    .menu a
    {
        font-family: Montserrat;
        font-size: 12px;
        line-height:20px;
        text-decoration: none;
        color:#000000;
        text-transform: uppercase;
        font-weight:700;
        letter-spacing: 2px;
        display:inline-block;
    }

    #mainMenu.menu li
    {
        border-bottom:4px solid #ffffff;
    }
    #mainMenu.menu li:hover
    {
        border-bottom:4px solid #186F33;
    }
}

/* General Form Styling */

.form_container
{

}
input, textarea
{
    padding:5px;
    border: 1px solid #175B34;
    color: #FFFFFF;
    background-color: #114226;
}
textarea
{
    display:inline-block;
    width:100%;
}
input.half
{
    float:left;
    width: calc(50% - 1px);
    margin-right:1px;
}
form p
{
    overflow:auto;
}

/* Footer Styling */

#footer
{
   text-align:center;
    padding:20px;
}
#footer ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#footer ul li
{
    display:inline-block;
    margin-left:15px;
    margin-right:15px;
    font-weight: bold;
}
#footer ul.adr li
{
    margin-left:0px;
    margin-right:0px
}
#footer .locality:after
{
    content:", ";
}
#footer .region:after
{
    content:" ";
}
#footer .businessname
{
    text-transform: uppercase;
    font-weight: bold;
    font-size:26px;
}

/* Universal Form */

#universal_form
{
    vertical-align: top;
    overflow: auto;
    padding:10px;
    color:#FFFFFF;
    width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
}
.contact_column
{
    display:block;
    float:none;
    width:100%;
}
.form_column
{
    display: block;
    float:none;
    width: 100%;
}
.form_column .form_container
{
    width:100%;
}
.form_column .form_container p
{
    width:100%;
}
@media screen and (min-width: 1200px)
{
    #universal_form
    {
        vertical-align: top;
        overflow: auto;
        padding:50px;
        color:#FFFFFF;
        width:1200px;
        margin-left:auto;
        margin-right:auto;
    }

    .contact_column
    {
        display:block;
        float:left;
        width:49%;
    }
    .form_column
    {
        display: block;
        float: right;
        width: 49%;
    }
}