/*
Theme Name: qo-child
Version: 1.0
Description: A child theme of Customizr
Template: customizr
Author: Administrator
*/
/* Your awesome customization starts here */

body {
font-family: Montserrat, Verdana;
background:#000000;
color: #fff;
}
/*body changes the default style of each part of the website. 
Font-family: the font that is being used, the first one is the main font and the second is the backup font in case the first one cannot be used for some reason
Background: changes the background color (set to black)
Color: sets the color of text (set to white)
Text-shadow: (x-offset, can be negative)px (y-offset, can be negative)px (creates a blur around the text)px #(color)*/


h1, h2 {
text-shadow: 1px 1px 0px #878587;
}
/*edit the header 1 and 2 sizes*/

h1 {
font-size: 32px;
}

h2 {
font-size: 28px;
}


h3, h4, h5, h6 {
text-shadow: 0 0px 0 #878587;
}
/*edit the header 3, 4, 5, and 6 sizes*/


.tc-header {
background:rgba(0,0,0,.8);
color:#fff;
border-top: 5px solid #7f7f7f;
border-bottom: 5px solid #7f7f7f;
}
/*tc-header is like body for the header, except text style is in .navbar…
Border-top/bottom: (thickness of border)px (type of border) #(color)*/


.sticky-enabled .tc-header {
background: rgba(0,0,0, .8);
color:#fff;
text-shadow:0 1px 0 #878587;
border-bottom: 3px solid #7f7f7f;
}
/*sticky-enabled is what happens when you scroll down and the menu stays at the top
background uses rgba to be partially transparent*/ 

/* font size for slider sub-text */
.lead {
font-size: 18px;
}


.navbar .brand, .navbar .nav>li>a {
font-family: Raleway, Verdana;
color:#fff;
text-shadow:0 0px 0 #878587;
}
/*text styles for the header*/
/*
@media (max-width: 979px) {
.navbar-wrapper.clearfix.span9 {
top: 40%;
position: absolute;
}
*/
@media (max-width: 979px) {

.tc-header .brand {
width: 22%;
}
}

/*for tablet and mobile mode, causes the logo and menu button to be even with each other*/


.widget-front .round-div {
border-color: #000;
}
/*this is for the 3 bubbles on the front page. Be very careful with alterations to this because there is a separate one for mobile version, and edits to the size, etc. will really mess things up when it switches.*/

.btn-primary {
color:#000;
text-shadow:0px 0px 0px #878587;
}
.btn-primary:hover {
color: #5e136f;
background-image: radial-gradient(#e4e4e4, #bebebe);
}

/* large buttons are used in the slider */
.btn-large {
font-size: 15px;
}

/*the buttons that are on the front page, and used in individual pages as well*/

.navbar .btn-toggle-nav .icon-bar {
background:#7f7f7f;
}
/*the button that extends the full side menu*/


.navbar-wrapper {
position: absolute;
right:0%;
top: 4px;
}
/*right-aligns the main menu*/

.navbar .btn-navbar, .tc-header .navbar .btn-toggle-nav {
bottom: -2px;
right: 10px;
position: absolute;
z-index:1000;
}
/*the position of the menu button. Has to be placed specially, because the navbar covers it otherwise.
Bottom: position from the bottom of the navbar
Right: position padding from the right margin
Position: set to absolute so that it doesn’t get covered by the navbar
z-index: set to 1000 to appear over everything else*/


.navbar-inner {
min-height: 30px;
}
/*sets a minimum height for the navbar so that the logo height will be the actual height of the navbar*/


#tc-sn .nav-collapse {
background:#000;
}
/*sets the background of the collapsable side menu*/


.tc-second-menu-on .navbar .nav>li>.dropdown-menu:after, .navbar .nav>li>.dropdown-menu:before { display:none; 
}
/*gets rid of the little triangle carrot on the dropdown menu*/

.nav .dropdown-menu a {
color: #fff;
}
ul.dropdown-menu {
background-color: #333;
}
.dropdown-menu>li.current-menu-item>a {
background-color: #000;
}
/*colors for links, etc. in the dropdown menu*/


.nav-collapse .dropdown-menu a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .nav>li>a:hover {
background: rgba(0,0,0,.8);
color: #BBBBBB;
}
/*sets the color and background when buttons are hovered over in the side menu*/


.tc-second-menu-on .nav-collapse {
top: 10px;
left: -35px;
position: relative;
}
/*sets the position of the navbar (pushing it to the left) so that the menu button will be even with it*/


footer#footer {
border-top: 5px #7f7f7f;
font-family: Raleway, Verdana;
}
footer#footer .colophon {
color: #7f7f7f;
text-shadow: 0 0 0;
background:#000;
}
/*styles for the footer*/

@media (min-width: 768px) {
div#footer_one.span4 {
width: 50%;
}
div#footer_three.span4 {
width: 44%;
}
/*alters footers 1 and 3 to take up 50% of page and 44% so they are in the middle instead of the edges*/
}


@media (max-width: 767px) {
div#footer_one.span4 {
width: 80%;
margin-left: 10%;
}
div#footer_three.span4 {
width: 80%;
margin-left: 10%;
}
}
/*changes the footers for the mobile version so they are each centered across the bottom, stacked vertically*/


div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
border-radius: 9px !important;
}
/*makes the buttons on the contact form rounded*/


div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
border-radius: 6px;
}
/*makes the submit button on the contact form rounded*/


div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 100% !important;
}
div.wpforms-container-full .wpforms-form .wpforms-title {
font-size: 32px !important;
}
/*sets the width of the name and email boxes in the contact form
sets the font of the title for the form*/


.boxed {
border-radius: 9px;
border-width: 3px;
padding: 10px 30px 10px;
background-color: #333;
}
/*div that I created to make a box around text
border-radius: the roundness of the corners
border-width: how thick the border itself is 
padding: how much space between the contents and edge of the box (top)px (left and right)px (bottom)px
(used with the html tags <div class="boxed"> and </div>, to end the box proportionately use <br clear="left">)*/


#contentbox {
margin-left: 12%;
display: table;
background-color: #333;
border-radius: 9px;
width: 70%;
padding: 10px 2%;
}
#column1 {
float:left;
width:48%;
padding: 10px 0px 10px 2%;
}
#column2 {
float:left; 
margin:0; 
width:48%;
padding: 10px 2% 10px 0%;
}
/*used to created the columns of existing customers on the front page*/

blockquote {
background:#484848;
border-left: 5px solid #7f7f7f;
}
/*changes the color and border color of blockquotes*/


hr {
color: #fff;
border-top: 1px;
border-bottom: 1px;
}
/*sets the horizontal rule (straight line across the page) color to white, if you want to use one in a page*/


.simcal-default-calendar-list .simcal-calendar-head { 
display: none !important; 
}
/*gets rid of the header on the calendar*/


h3.widget-title {
display: none; 
}
/*gets rid of the second header on the calendar*/


.tc-sidebar .widget li:hover, .widget li:focus {
background:#333;
}
/*changes the color that the calendar tiles turn when hovered over*/


section.tc-content.span12 {
border-radius: 15px;
border-color: white;
border-width: 3px;
padding: 5px 25px 18px;
background-color: #242424;
}
/*sets the boxes for each individual news post*/


figure {
display: inline-block;
border-radius: 20px;
padding: 30px 30px 30px;
background-color: #333;
text-align: center;
}
/*for creating boxes around pictures etc., not currently in use*/


div#customizr-slider-1.container.carousel.customizr-slide.main-slider.custom-slider-height.parallax-wrapper {
width: 100%;
}
/*makes the slider full-width*/


div.carousel-caption {
background: rgba(0, 0, 0, .5);
border-radius: 9px;
padding: 3%;
}
/*Changes the slider caption box to be darker with rounded corners*/


@media (min-width: 1921px) {
/*changes that will only occur when the screen resolution width is over 1921px*/

div#customizr-slider-1.container.carousel.customizr-slide.main-slider.custom-slider-height.parallax-wrapper {
width: 1280px;
}
/*so the slider will only be 1280px on higher resolution screens*/


.row-fluid .span9 {
width: 951.79px;
position: absolute;
right: 50%;
margin-right: -640px;
}

div.brand.span3.pull-left {
width: 295.384px;
margin-left: calc(50% - 640px);
}
}
/*so the nav-bar will be centered on higher resolution screens*/