@charset "UTF-8";
/*
Theme Name: CVS Quote
Theme URI: 
Author: CUSTOM VIRTUAL SOLUTIONS
Author URI: https://customvs.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CVS Quote is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: "Open Sans", sans-serif; margin: 0 auto; width: 100%; }
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: none !important;}
img {transition: all ease 0.5s;}
p {margin-bottom: 20px;}
p, li {font-size: 16px; color: #333; line-height: 1.6;}
h1, h2, h3, h4, h5 {line-height: 1.2; margin-bottom: 20px;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, p, li  {margin-top: 0;}
h1, h2 {font-size: 48px; font-weight: 700; color: #000; margin-bottom: 30px;}
h3 {font-size: 26px; font-weight: 400; color: #333;}
h4 {font-size: 16px; font-weight: 400; color: #333; letter-spacing: 2px;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {max-width: 1360px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.row {max-width: 100%; margin: 0 auto;}

.clearfix {clear: both;}

/*###################################
## Forms
###################################*/
.ctc-form {text-align: center;}
.ctc-form p {margin-bottom: 0;}
.ctc-form label {font-weight: 400;} 
.ctc-form textarea {max-height: 110px;}
.ctc-form textarea, .ctc-form input {font-family: "Arial";}
.ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px;}
.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;}
.ctc-form input[type="submit"] {background: #fff!important; border-radius: 0!important; margin-top: 10px; border: none;}
.ctc-form input[type="submit"]:hover {background: #1E2A5A!important;}
.ctc-hide {display: none;}
.ctc-form .form-control {border-radius: 0px;}
.wpcf7-response-output {text-align: center; background: #fff;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 0;}

/*###################################
## Buttons
###################################*/
.btn {font-size: 16px; color: #000!important; background: #ddd; padding: 15px 40px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #333; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation a {color: #000; display: block; padding: 12px; text-decoration: none;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0;}
.main-navigation li {float: none; display: inline-block; position: relative;}
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {background: #ddd;}

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;}

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; text-align: center;}
.footer-navigation li {display: inline-block; float: none;}
.footer-navigation li a {color: #fff; display: block; padding: 12px;}
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {background: #ddd;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 10px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a {font-size: 13px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #eee; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;}

/*###################################
## Header
###################################*/
.site-header {background: #EEEEEE; padding: 20px 0;}
.site-header .custom-logo {width: 100%; max-width: 320px;}

/*###################################
## Banner
###################################*/
#banner {position: relative; padding: 40px 0;}

/*###################################
## Content
###################################*/
.site-content {background: #BBBBBB; padding: 20px 0;}

/*###################################
## Footer
###################################*/
.site-footer {background: #9A9A9A; padding: 20px 0;}
.ftCopy {text-align: center;}
.ftCopy p, .ftCopy a {margin-bottom: 0; color: #000; font-size: 14px;}
.ftCopy .silver img {display: inline-block;vertical-align: middle;max-width: 50px}

/*###################################
## Sidebar
###################################*/
#primary.sideMain {float:left; width: 70%;}
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/
.inner #content {background: #fff; text-align: left; min-height: 600px; padding: 40px 0;}
.inner #content h1 {text-align: center;}

/* contact */
.inConBox {max-width: 550px; margin: 0 auto;}

/* error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form {margin: 0 auto 20px;}
.error-404 {text-align: center;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1023px){
  body {min-width: 320px;}
}