/*
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;}

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;}
.head1 {padding: 12px; text-align:center;}
#sidebar {float:right; width: 30%; margin: 0 0 5% 0;}
#content {float:left; width: 65%; margin: 0 0 24px 0;}

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

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

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

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

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

.success {}
.warn {}
.error {}

.box-sucess {}
.box-warn {}
.box-error {}

.box {background-color: #e5e5e5; border-radius: 12px; padding: 18px;}

.bg-blue {background-color: #4285f4; color: #fff;}
.bg-blue2 {background: #0d47a1; color: #fff;}
.bg-green {background-color: #0f9d58; color: #fff;}
.bg-orange {background-color: #f57f17; color: #fff;}
.bg-red {background-color: #d23f31; color: #fff;}
.bg-black {background-color: #333; color: #fff;}
.bg-grey {background-color: #e1e1e1; color:#333;}

.grid-blue [class*='grid_'] {background-color: #4285f4; color: #fff;}
.grid-green [class*='grid_'] {background-color: #0f9d58; color: #fff;}
.grid-orange [class*='grid_'] {background-color: #f57f17; color: #fff;}
.grid-red [class*='grid_'] {background-color: #d23f31; color: #fff;}
.grid-black [class*='grid_'] {background-color: #333; color: #fff;}
.grid-grey [class*='grid_'] {background-color: #e1e1e1; color:#333;}

.grid:after {content: ""; display: table; clear: both;}

.grid_1 {width: 6.5%;}
.grid_2 {width: 15%;}
.grid_3 {width: 23.5%;}
.grid_4 {width: 32%;}
.grid_5 {width: 40.5%;}
.grid_6 {width: 49%;}
.grid_7 {width: 57.5%;}
.grid_8 {width: 66%;}
.grid_9 {width: 74.5%;}
.grid_10 {width: 83%;}
.grid_11 {width: 91.5%;}
.grid_12 {width: 100%;}

[class*='grid_'] {margin: 1% 2% 1% 0%; float: left; display: block;}

.last{margin-right:0;}
.gutL1 {padding-left: 0.250em}
.gutL2 {padding-left: 0.375em}
.gutL3 {padding-left: 0.500em}
.gutR1 {padding-right: 0.250em}
.gutR2 {padding-right: 0.375em}
.gutR3 {padding-left: 0.500em}
.gutTB1 {padding: 1.125em 0.000em}

.row {}
.row:before,.row:after {content: " "; display: table; line-height: 0;}
.row:after {clear: both;}

.col {min-height: 1px; position: relative; padding-left: 20px; padding-right: 20px;}
.col:before, .col:after {content: " "; display: table; line-height: 0;}
.col:after {clear: both;}

.table1 {border-collapse: collapse; margin: 1.125em 0; width: 100%;}
.table1 th {background: #e1e1e1;}
.table1 th, .table1 td {border: 0.063em solid #ccc; padding: 0.750em;}

.table2 {border-collapse: collapse; border: 0.063em solid #ccc; margin: 1.125em 0; width: 100%;}
.table2 th {background: #e1e1e1;}
.table2 th, .table2 td {border-bottom: 0.063em solid #ccc; border-top: 0.063em solid #ccc; padding: 0.750em;}

.table3 {border-collapse: collapse; border: 0.063em solid #ccc; margin: 1.125em 0; width: 100%;}
.table3 th {background: #e1e1e1;}
.table3 th, .table3 td {border-right: 0.063em solid #ccc; border-left: 0.063em solid #ccc; padding: 0.750em;}

.thov tr:hover {background: #f1f1f1;}
.talt tr:nth-child(even){background-color:#f1f1f1;}

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

img.right {float:right}

code {background: #328efe; font-size: 0.875em; padding: 0.250em; display: inline-block; color:#fff; margin: 0.500em 0 0 0;}

blockquote {border-left: 1vw solid #e5e5e5; padding: 1.5vw 3vw; font-size: 1.0vw; color: #777;}
blockquote cite {font-size: 0.8vw; color: #999;}
blockquote cite:before {content: "� ";}

fieldset {margin: 18px 0px; border: 0; padding:0;}
legend {display:block; margin: 0 0 1.0em 0; padding: 0 0 0.8em 0; border-bottom: 0.063em solid #ccc; width: 100%; font-weight: bold;}
.form1 input[type=text], .form1 input[type=email], .form1 textarea, .form1 select {padding: .4em; margin: 0 .2em 0 .2em; display: inline-block; border: 0.063em solid #ccc; box-shadow: inset 0 0.125em 0.250em #eee; border-radius: 0.250em; vertical-align: middle; font-size: 1.000em; font-family: 'Roboto', sans-serif;}
.form1 label {margin: 0 .2em 0 .4em;}

.form2 input[type=text], .form2 input[type=email], .form2 textarea, .form2 select {padding: .4em; margin: 0.3em 0em; display: inline-block; border: 0.063em solid #ccc; box-shadow: inset 0 0.125em 0.250em #eee; border-radius: 0.250em; vertical-align: middle; font-size: 1.000em; font-family: 'Roboto', sans-serif;}
.form2 label {margin: .3em 0; display:block;}
.form2 input[type=checkbox] {margin-top:1.0em;} 
.form2 button {margin: 0.875em 0.00em}

.form3 input[type=text], .form3 input[type=email], .form3 textarea, .form3 select {padding: .4em; border: 0.063em solid #ccc; box-shadow: inset 0 0.125em 0.250em #eee; border-radius: 0.250em; font-size: 1.000em; font-family: 'Roboto', sans-serif;}
.form3 label {margin: 0 .5em 0 0; width: 10.000em; text-align: right; display: inline-block;}
.form3 input[type=checkbox] {margin-top:1.0em;} 
.form3 button {margin: 0.875em 0.00em}

.fgroup {display: block; vertical-align: middle; width:100%; margin: .5em 0;}
.nolabel {margin: 0 0 0 -400em !important; height:0em;}

button {border-radius: 0.350em; padding: .5em; border: 0; font-size: 1.00em; cursor:pointer;}

/* =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. */
}