/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* site wide background color */
.site {
	background: #546E7A;
}

.section-meta {
	background-color: #607D8B;
}

.section-inverse {
	background: #455A64;
}

/* header color */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #F3F7F9;
	margin-top: 0;
	margin-bottom: 0;
}

/* Hero Content Style 2. */
.hero-content-style2 h1 {
	font-weight: 400;
	font-size: 50px;
	font-size: 4rem;
	letter-spacing: 1px;
	margin-top: -2rem;
}

/* Hero Content Style 2. */
.hero-content-style2 h4 {
	font-size: .6rem;
	margin-top: -.5rem;
	margin-bottom: 1rem;
}

/* offset hero button and colorize it a little */
#hero .btn {
	margin-top: -.5rem;
	color: rgb(3,196,235);
    border-color: rgb(3,196,235);
}

#hero .btn:hover {
	color: rgb(255,255,255);
	background-color: rgb(3,196,235);
}
/* end hero button customizing */

/* call to action section text formatting */
.cta-heading h2 {
	font-weight: 400;
	letter-spacing: 1px;
}

/* start box button customizing */
.btn-lg {
	margin-top: -.5rem;
	color:rgb(3,196,235);
    border-color: rgb(3,196,235);
}

.btn-lg:hover {
	background-color: rgb(3,196,235);
}

.btn-lg:active {
	background-color: rgb(3,196,235);
}
/* end box button customizing */

/* custom section formatting */
#dailyview h1{
	font-weight: 400;
	letter-spacing: 1px;
}

#devicemanagement h1{
	font-weight: 400;
	letter-spacing: 1px;
}

#manageanywhere {
	padding-top: 10rem;
	padding-bottom: 20rem;
}

#manageanywhere h1 {
	font-weight: 400;
	letter-spacing: 1px;
}

#childparentdashboard h1 {
	font-weight: 400;
	letter-spacing: 1px;
}
/* end custom section formatting */


.hero-content-style2 .hcl2-image {
    margin-top: -4rem;
}

body, button, input, select, textarea {
	color: #CFD8DC;
}

.onepress-menu a {
	color: #DBE6EB;
}

/* header menu button mouseover color */
.onepress-menu a:hover {
	color: #3EA9DD;
}

/* link color */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #F3F7F9;
}

/* hover color */
a:hover {
	color: #3EA9DD;
}

/* feature section icon color stuff */
.icon-background-default {
	color: #CFD8DC;
}

.feature-item .feature-icon {
	color: #607D8B;
}

.feature-item:hover .feature-icon{
	color: #F3F7F9;
}

.feature-item:hover .icon-background-default {
	color: #3EA9DD;
}
/* end of feature section icon stuff */


/* responsive menu and close buttons */
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
	background: #90A4AE;
}

/* responsive menu and close buttons */
#nav-toggle span {
	background: #90A4AE;
}

/* responsive menu and close buttons */
#nav-toggle span:before, #nav-toggle span:after {
	background: #90A4AE;
}


/* dropdown nav menu bg color */
.onepress-menu.onepress-menu-mobile li {
	background: #CFD8DC;
}

/* dropdown nav menu text color */
.onepress-menu.onepress-menu-mobile a {
	color: #546E7A;
}

/* dropdown nav menu selected text color */
.onepress-menu.onepress-menu-mobile a:hover {
	color: #2C7DAC;
}

/* dropdown nav menu current item text color */
.onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
	color: #2C7DAC;
}

/* offset hero text to not get cut off in mobile view */
@media screen and ( max-width: 479px ) {
.header-transparent #hero .container .hero__content {padding-top: 50%;}
}

/* offset hero image up a little */
.hero-content-style2 .hcl2-image {
	padding-bottom: 10%;
	margin-left: -25px;
}

/* custom font */
@font-face {
    font-family: 'cooplightmedium';
    src: url('https://vuedeu.com/wp-content/themes/onepress-child/fonts/cooplight-webfont.woff2') format('woff2'),
         url('https://vuedeu.com/wp-content/themes/onepress-child/fonts/cooplight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Headings cooplight font*/
h1,h2 {
	font-family: "cooplightmedium", Helvetica, Arial, sans-serif;
}

/* smaller headings Roboto font */
h3,h4,h5,h6 {
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

/* Headings normal capitalize*/
.hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 {
	text-transform: capitalize;
}

/* hero section paragraph cooplight font */
.hero__content p {
font-family: "cooplightmedium", Helvetica, Arial, sans-serif;
}

/* body and buttons roboto font */
body, button, input, select, textarea {
	font-family: "roboto", Helvetica, Arial, sans-serif;
}

/* body and buttons roboto font */
#hero .btn {
	font-family: "roboto", Helvetica, Arial, sans-serif;
}

/* message text area text color */
textarea {
	color: #37474f;
}

/* header for "other" pages */
.page-header {
	padding: 30px 0px;
	border-top: 0px;
	background: #37474f;
	border-bottom: 1px solid #78909C;
}

.page-header .entry-title, .page-header .page-title {
	text-transform: capitalize;
	font-size: 35px;
	font-size: 3rem;
	letter-spacing: 1px;
}

.site-content {
	border-top: 1px solid #78909C;
}
/* end header for "other" pages */

/* other pages side bar stuff*/
.sidebar .widget a {
	color: #CFD8DC;
	font-size: 14px;
}
/* end other pages side bar stuff */

/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}<!-- WP Super Cache is installed but broken. The constant WPCACHEHOME must be set in the file wp-config.php and point at the WP Super Cache plugin directory. -->