/*
Theme Name: VideoLinkwell Reseller
Theme URI: http://www.videlinkwell.com
Description: Reseller Theme
Version: 1.0
Author: WebbySmart
Author URI: http://webbysmart.com
*/

html {font-size: 62.5%; box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

body {font-size: 14px; font-size: 1.4rem; margin: 0px; font-family: 'Roboto', sans-serif; color: #141823;}
img {display: block; border: none; max-width:100%; height:auto;}
th {text-align: inherit;}

ul li,ol li {font-size: 16px; font-size: 1.6rem; line-height: 1.3; margin: 4px 0;}

input, select, textarea {border: 1px solid #CCC; background-color: #FFF; font-size: 14px; font-size: 1.4rem; padding: 3px;}
input[type="submit"] {}
input[type="submit"]:hover {}

h1 {font-size: 28px; font-size: 2.8rem;}
h2 {font-size: 24px; font-size: 2.4rem;}
h3 {font-size: 19px; font-size: 1.9rem;}
h4 {font-size: 16px; font-size: 1.6rem;}
h5 {font-size: 14px; font-size: 1.4rem;}
h6 {font-size: 13px; font-size: 1.3rem;}

#header {display:block; margin: 12px 0; text-align:center;}
.head1 {padding: 12px; text-align:center; margin: 0 0 32px 0;}
.head2 {padding: 0 0 12px 0; text-align:left; border-bottom: 1px solid #999; color: #444;}
#sidebar,#pwr {float:right; width: 30%; margin: 0 0 5% 0;}
#content {float:left; width: 65%; margin: 0 0 24px 0;}
#content-full {width: 100%; margin:0;}
#pwr img {margin-top: -4px; max-height: 60px; width:auto;}

p {font-size: 16px; font-size: 1.6rem; line-height: 1.3;}

.wrapper1 {max-width: 100%; width: 100%}
.container1 {width: 100%; margin:auto; padding: 0;}
.container2 {max-width: 1130px; width: 100%; margin:auto; padding: 0 18px;}
.footer1 {border-top: 1px solid #ccc; padding: 24px 0; background: #f5f5f5;}

.logo {max-height: 100px; width: auto; margin:auto; display:block;}

#nav1 ul {border-width: 1px 0 0 0; border-style: solid; border-color:#ccc; padding: 6px 8px;  text-align: center; background: #f5f5f5; margin-bottom:0;}
#nav1 li {list-style-type: none; padding:0; display: inline-block; margin: 0;}
#nav1 a {padding: 6px; margin: 0 12px; display:block; text-transform: uppercase; text-decoration: none; font-size: 18px; font-size: 1.8rem;}

#nav2 ul {margin: 0 0 12px 0; padding:0;}
#nav2 li {list-style-type: none; padding:0; display: inline-block;}
#nav2 a {margin: 0 12px 0 0; display:block; text-decoration: none; font-size: 16px; font-size: 1.6rem;}

.icon1 {float:left; margin: 0 6px 0 0; font-size: 32px !important; font-size: 3.2rem !important; position:relative; top: -4px;}

.but1 {background:#444; padding: 4px 8px; color:#fff !important; border-radius: 6px; text-decoration: none;}
.but1:hover {opacity: 0.9;}

.clearfix {overflow: auto;}
.clear {clear:both;}

.box {background-color: #e5e5e5; border-radius: 12px; padding: 18px; margin: 0 0 16px 0; font-size: 16px; font-size: 1.6rem; line-height: 1.3;}

.nomargin {margin:0}
.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

.form1 input[type=text],.form1 input[type=email],.form1 textarea,.form1 select {padding: 4px; margin: 0; display: block; border: 1px solid #ccc; box-shadow: inset 0 1px 1px #eee; border-radius: 3px; font-size: 16px; font-size: 1.6rem; font-family: 'Roboto', sans-serif;}
.form1 input[type=text],.form1 input[type=email] {width: 60%}
.form1 textarea {width: 80%}
.form1 label {display: block; font-size: 16px; font-size: 1.6rem; margin: 16px 0 6px 0;}
.form1 input[type=submit] {padding: 9px; background: #444; border-radius:6px; color:#fff; margin: 18px 0;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.hrf-title.close-faq.open-faq span {background-color:#333 !important;}
.hrf-title.close-faq span {
	float:left;
	top:0 !important; 
	border-radius: 50%;
	width: 24px !important; 
	height: 24px !important;
  	background-size: 12px 12px !important;
    background-repeat: no-repeat;
	background-color:#666 !important;
}
.wpcf7-response-output {margin:0 !important;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}