/* --- Custom CSS to override the Agency theme --- */
/* change color of menu items background */
.nav {
    background-color: #FFF;   
}
/* change color of logo background */
.navbar-header {
    background-color: #FFF;   
}
/* change color and add link to header section when scroll down */
.navbar-default.navbar-shrink {
    background-color: #0956a4;
    border-bottom: 3px solid #fffc26;
}
/* Change nav bar text (menu items) color to blue (was white #fff) */
.navbar-default .nav li a {
    color:#035096; /* medium electric blue */
    font-weight: bold;
}
/* change color of section titles */
h2 {
    color: #0956a4;   
}
/* change color of intro text (displayed on header photo) */
header .intro-text h1 {
    color: #035096; /* medium electric blue */  
    text-shadow: 1px 1px #F7F7F7; 
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
}
header .intro-text h2 {
    color:#035096; /* medium electric blue */
    text-shadow: 1px 1px#F7F7F7;
    text-transform: none;  
}
.btn {
    color:#035096; /* medium electric blue */
}
/* change color of copyright text in footer */
.copyright {
    color: #fff;
}
/* change the color of font awesome circles (in services and about sections) */
.text-primary {
    color: #0956a4; 
}
/* change the color of portfolio section */
/* section#portfolio {
    background-color: #fdf5e6;
} */
/* change color of hyperlinks in books and ereaders section */
section#books a, section#ereaders a {
    color: #0956a4;
}
/* add new class for my site logos in portfolio section */
.portfolio-img {
    max-width: 200px;
    max-height: 160px;
    /* vertical-align: bottom; */
    /* the next 3 properties center the image */
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* change background color of contact section */
section#contact {
    background-color: #0956a4;
}
/* change color of text in contact section */
#contact h3, #contact label {
    color: #fff;
}
/* change color of text in form input boxes */
.form-control {
    color: #333;
}
/* position the logo */
.logo {
    /* max-width: 100%;
    height: auto; 
    border: 3px solid #73AD21; */
    height: 56px;
    margin-top: -18px;
}
/* right-justify the legal links (only need this if you're omitting the middle div) */
/* .legal {
    float: right;   
} */
/* Change the spacing under the h3 titles (e.g., in the contact section (was 75px) */
section h3 {
    margin-bottom: 25px;
}
/* change color of text in portfolio section to match text in about section */
.text-muted {
    color: inherit;
}
/* add the following 3 styles for "standalone" pages (e.g.,privacy, terms that are displayed with the default.html.twig) */ 
/* footer color was transparent, which was ok when it overlaid the contact section, but background of standalone page is white */
footer .col-md-4 {
    background-color: #0956a4;
    margin-top: 120px;
}
/* set navigation bar background to blue to match modular pages */
.navbar-default {
    background-color:  #0956a4;
    max-height: 100px;
}
/* added this class for the content row in default.html.twig to add top and bottom whitespace */
.default-twig {
    margin-top: 120px;
    margin-bottom: 40px;
}
/* change color of hyperlinks in paragraphs */
p a {
    color: #0956a4; 
}
/* justify the text in paragraphs (it was centered via the .text-center class */
p {
    text-align: justify;
}
/* align text in bullets left (it was centered via inherit) */
li {
    text-align: left;
}
a {
    color: #fffc26;
}
.btn-primary, .btn-xl {
    border-color:#fffc26;
    background-color:#fffc26;
}
/* center the amazon product image */
section#ereaders img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 50%; */
  }
/* remove the Learn More link in cookie consent popup */  
.cc-link {
    display: none !important;
}