/*
	Theme Name: Im Out Of Here
	Description:  Im Out Of Here Custom Theme
	Author: Seenindesing
	Author URI: http://www.seenindesign.com/
	Version: 1.0.0

	Tags: bootstrap, simple, clean

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

@import url("css/bootstrap.min.css");

/*GLOBAL*/

body {
	padding:0;
	margin:0;
	font:22px Arial;
	color:#0d6497;
}
/***small text***/
body.small-text{font:16px Arial;}
body.small-text .button{font-size:11px;}
body.small-text .info-box h4 a{font-size:14px;}
body.small-text h3{font-size:20px;}

/***medium text***/
body.medium-text{font:22px Arial;}
body.medium-text .button{font-size:14px;}
body.medium-text .info-box h4 a{font-size:16px;}
body.medium-text h3{font-size:26px;}


/***large text***/
body.large-text{font:27px Arial;}
body.large-text .button{font-size:17px;}
body.large-text .info-box h4 a{font-size:20px;}
body.large-text h3{font-size:32px;}

/***black***/
body.black{background:#000;color:#fff;}
body.black div#conversion{color:#fff;}


.container{max-width: 860px;width:auto;}
a, a:visited {
}

a:hover {
}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6{
	margin:0 0 .75em;
	font-weight:bold;
	line-height:1.2em;
}
p{margin:0 0 .75em;
	line-height:1.2em;}
h1 {
}

h2 {
}

h3 {

	font-size:26px;;
}


h4 {
}

h5 {
}

h6 {
}

strong {
}
.widget{
	list-style:none;
}
input{
	border: 1px solid #888;
	padding:5px;
}
.aligncenter{
    display:block;
    margin:20px auto;
}
/*CUSTOM*/
header.site-header {
    padding: 10px 0;
    text-align:center;
}
#menu-menu-1.fixed{position:fixed;z-index:999;top:0;margin:0}
div#conversion span.active{text-decoration: underline}
div#conversion {text-align:right;color:#000;font-family:Arial;font-size:20px;}
#word-size ,#page-colour{
    display:inline-block;
    margin:10px;

}
span#small{cursor:pointer;font-size:10px;font-weight:bold;}
span#medium{cursor:pointer;font-size:16px;font-weight:bold;}
span#large{cursor:pointer;font-size:20px;font-weight:bold;}
#white{cursor:pointer;}
#black{cursor:pointer;background:#000;color:yellow;padding:5px}
header.site-header h1{margin:0;float:none;text-align:center;}
ul.sub-menu {
    position: absolute;
    left: -41px;
	z-index:9999;
    top: 49px;
    display:none;
}
ul.sub-menu ul{
	left:200px;
	top:0px;
	display:none!important;
}
ul.sub-menu li:hover ul{display:block!important}
ul.sub-menu li{
    background:#0d6497;
    width: 250px;
}
ul.sub-menu li a{padding: 10px 15px;display:block;text-align: left;}
ul#menu-menu-1 {
    float: none;
    text-align:center;
    width: 100%;
    margin:30px 0;
    background:#0d6497;
}
ul#menu-menu-1 li{
    float:none;
    display:inline-block;
    position: relative;
    cursor: pointer;
}
ul#menu-menu-1 li:hover ul{display:block}
ul#menu-menu-1 li a{color:#fff;}
ul#menu-menu-1 li.current-menu-item a,
ul#menu-menu-1 li a:hover{background: #359cd9!important;}

div#buttons{
   margin:40px 0;
}
#button-container{text-align:center}
.button a{display:table-cell;text-decoration:none;vertical-align:middle;height:100px;width:130px;text-align:center;;}
.button img{display:block;margin:0 auto 10px;}
.button{
    display:inline-block;
    vertical-align:middle;
    background:#cdf3fe;
    text-align:center;
    font-size:13px;
    width:120px;
    padding:10px 0;
    margin:5px;
    height:120px;
    border-radius:8px;
}
.info-box h4{display:table;height:70px;}
.info-box h4 a{
	background:#0d6497;
	color:#fff;
	border-radius:0 0 12px 12px;
	display:table-cell;
	vertical-align:middle;
	height:60px;
	width:266px;
	text-align:center;
	font-size:16px;
}
.button:hover{background:#abe5f5;}
#find-out-more{margin-top:50px}
.info-box{padding:0;margin:0 5px;max-width:266px;}

/**footer***/
footer.site-footer{
	height: 400px;
	background: url(images/footer-bg.png) top center repeat-x;
	background-size: cover;
	margin-top: 100PX;
}

.contact-info .col-sm-9{margin:50px 0;}
.contact-info{margin:0 0 50px}
#gform_fields_1 li#field_1_1, #gform_fields_1 li#field_1_2, #gform_fields_1 li#field_1_3  {
    display:inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 11px;
}
ul#gform_fields_1{
    padding:0;
    margin:0
}
#gform_fields_1 li{display:block}
.wpcf7-checkbox label{font-weight:400;font-size:22px!important;cursor:pointer;}
.wpcf7 input[type="submit"], input#gform_submit_button_1{
	height: auto;
	border:2px solid #0d6497;
	background:none;
	font-weight:bold;
	max-width:200px;
	display:block;
	margin:20px auto;
}
.wpcf7 input, .wpcf7 textarea, #gform_fields_1 li input, #gform_fields_1 li textarea{width:100%;border: 1px solid #0d6497;margin: 0 0 20px;}
.wpcf7  input[type="checkbox"], #gform_fields_1 li input[type="checkbox"]{width:initial}
.wpcf7 label, #gform_fields_1 li label{font-size:16px}
span.wpcf7-list-item{display:block;max-width:520px;margin:0 auto}
img{max-width:100%;}
.row{margin:0 0 30px}
ul#file {
    padding: 0;
    display:table;
    margin: 0;
}
ul#file li{
    display: inline-block;
    width: 187px;
    height:180px;
    border-radius:12px;
    margin:10px;
    vertical-align:middle;
}
ul#file li a{
    display:table-cell;
    text-align:center;
    color:#fff;
    border-radius:12px;
    width: 250px;
    background:#0d6497;
    height: 180px;
    vertical-align: middle;
}
div#complaints {
    margin: 30px auto;
    font-weight: bold;
    line-height: 1.3em;
    max-width: 790px;
}
div#complaints .row{border-bottom:2px solid;padding:0 0 20px;}
#box{
    border:2px solid #000;
    text-align:center;
    padding:10px;
    font-weight:bold
}
#video{
 position:relative;height:400px;width:100%;padding-bottom:55%;
}
#video iframe{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
div#team-page div.row{
	border-bottom:1px solid;
	margin-bottom:50px;
	padding-bottom:30px
}
div#team-page div {
    padding: 0;
    margin: 0;
}
div#team-page div.clear{margin:0;height: 0;}
div#team-page img {
    border-radius:100%;
    width: 180px;
    height: 180px;
}
/*RESPONSIVE*/

@media only screen and (max-width: 768px) {
	.contact-info{text-align:center;}
	.info-box{margin:5px auto}
}