/*
 Theme Name:   pixel-linear-child
 Theme URI:    https://osteohealthcare.co.uk/pixel-linear-child/
 Description:  Pixel-Linear Child Theme
 Author:       B Goddard
 Author URI:   http://example.com
 Template:     pixel-linear
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  accesspress-lite-child
*/
.ak-container {
	width:70%;
}
/*------CONTAINER FOR COLUMNS-------*/
.colcontainer {
	margin-left: 10%;
	margin-right:auto;
	width:100%;
}
/*----3 COLUMNS HOME PAGE-------*/
.col3 {
	float:left; 
	width:100%;
	height: auto;
	margin-top: 5px;
	margin-left: 0%;
	margin-right: auto;
	font-size: 22px;
	text-align: center;
	
}
.col4 {
	float:left; 
	width:30%;	
	height: auto;
	margin-top: 10px;
	margin-left: 20%;
	margin-right: auto;
	font-size: 22px;
	
}
img.col4 {
	width:100px;
	height:87%
	margin-right:10%;
}
.callnow {
	text-align: center;
}
/*-----IMAGE BOX-------*/
.colimage {
	float:left; 
	width:30%;
	margin-left:13%;
	margin-right:auto;
	
	
	
}

h1 {text-align:center;
}

.homeimage {
	text-align:center;
}

.copyright {
	text-align:center;
}

.top-header {
}

/*-----LARGE BOX-----*/
.colbig {
	float:left; 
	width:100%;
	height:auto;
	color:#727272;
	font-size: 14px;
	font-weight:bold;	
	padding-left: 10px;
	padding-bottom: 10px;
	text-align:justify;
	margin-left:25%;
	margin-right: auto;
	
}

.colbigger {
	float:left; 
	width:99%;
	height:auto;
	color:#727272;
	font-size: 14px;
	font-weight:bold;	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.colbigcontact {
	float:left; 
	width:40%;
	height:auto;
	color:#727272;
	font-size: 14px;
	font-weight:bold;	
	background-image: linear-gradient(180deg, #ffffff, #dedcdc);
	padding-left: 10px;
	padding-bottom: 10px;
}
.contact {
	float:left; 
	width:35%;	
	color:#727272;
	font-size: 16px;
	font-weight:normal;	
	margin-left: 50px;	
	padding-left: 3px;
	height:auto;
}
a.phonelink {
	color: #fffff;
}
/*----CLEAR FLOAT-----*/
.clear {
	clear: both;
}
/*-----------------*/
.rowright {
	float:left; 
	position: relative;
	width:100%;
	text-align:left;	
	margin-right:auto;
	margin-left: auto;
	background-color: transparent;
}

.row { float:none; text-align:center; }


strong {
	color: #727272;
	font-size:14px;
}

.arrow {
	list-style-image: /images/arrow.png;
	
}

img.nutarrow {
	float:left;
	position:relative;
	margin:2px;
	z-index:9999;
}
/*----NUTRITION GUIDE BOX------*/
.nutguide {
	float:left; 
	position: relative;
	width:100%;	
	top: 10px;	
	text-align:justify;
	font-weight:normal;
}
/*-----NUTRITION CALCULATOR BOX-----*/
.nutcalc {
	float: right;
	position: relative;
	border-style:solid;
	border-width:2px;
	border-color:#727171;
	background-color: transparent;
	width: 75%;
	padding:4px;
	color:#727171;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	margin: 4px;
	margin-bottom: 10px;
}
/*----BUTTONS FOR HOME PAGE 3 COLUMNS-----*/
.picbut {
	float: left;
	position: relative;
	border-style:solid;
	border-width:2px;
	border-color:#727171;
	background-color: transparent;
	width: auto;
	font-weight:bold;
	font-size:12px;
	padding:4px;
	margin: 4px;
	margin-bottom: 10px;
}
/*-----LINK CLASS FOR BUTTONS--------*/
a.buttons {
	color: #727171;
}
a.buttons:hover {
	color: #996699;
	
}

/*-----END------*/

/*-----ABOUT US PICTURE AND TEXT BOXES-----*/
.simonbost {
	font-weight:normal;
	text-align:justify;
	line-height: 25px;
}

.col2 {
	float:left; 
	width:75%;	
	color:#000000;
	font-size: 12px;
	font-weight:normal;	
	padding-left: 3px;	
	
}

img.floatpic {
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	position:relative;
	border-style:solid;
	border-width:2px;
	border-color:#e6e6e6;
	
}

.aboutus {
	float:right; 
	position: relative;
	width:25%;
	height:120px;
	top: 2px;
	background-image: linear-gradient(180deg, #ffffff, #dedcdc);
	border-style:solid;
	border-width:2px;
	border-color:#e6e6e6;
	margin-left: 20px;
	font-weight:normal;
	text-align:center;
	line-height: 20px;
	padding-top: 5px
}
/*------END-----------*/

.blue {
	color:#40666a;
}
.purple {
	color:#9d6f89;
}

.logo-ohc {
	 font-size: 32px;
	 text-align: center;
	 color:#ffffff;
	 background-color: #030f7e;
}

body {

	

}

/* Titles */

h1, h2, h3, h4, h5, h6 { color: #030f7e ; font-family: 'Arial', sans-serif; font-weight: normal; }

h1 { font-size: 32px; margin-bottom: 30px; margin-top: 30px; }
H3 { font-size: 18px; margin-bottom: 10px; margin-top: 10px; color: #030f7e; }
h4 { font-size: 18px; margin-bottom: 10px; margin-top: 10px; color: #030f7e;}

/* Paragraph & Typographic */

p { font-size: 14px; line-height:normal; margin-bottom: 20px;  }

.centered { text-align: justify; margin-left: 10%; margin-right: 10%; font-size: 14px; font-family: 'Arial Rounded', sans-serif;}

/* Links */

a {

	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;

	-o-transition: color 0.1s ease-in, background 0.1s ease-in;

	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;

	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;

	color: #9d6f89;

	transition: color 0.1s ease-in, background 0.1s ease-in;

	word-wrap: break-word;

}

a:hover {
	 color: #090953 ; outline: 0; text-decoration: none;
}

a:focus { color: #090953 ; outline: 0; text-decoration: none; }

a:before,

a:after {

	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;

	-o-transition: color 0.1s ease-in, background 0.1s ease-in;

	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;

	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;

	transition: color 0.1s ease-in, background 0.1s ease-in;
   
}

hr {

	border: 0;

	border-top: 1px solid #ccc;

	display: block;

	height: 1px;

	margin: 1em 0;

	padding: 0;
	
	background-color:#05015a;
		

}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
/*------MENU NAVIGATION-*/

.menu-top {
	background-color: #090953;
	width:100%;
}


/*NAVIGATION*/
#menu-top {
	width:90%;
}
.primary-nav {
	width:100%;
}

.main-navigation {
	
	display: block;
	font-weight: bold;
	font-family: 'Arial';
	font-size:11px;
	position: relative;
	border-top: 4px;
	border-top-color: #98cb4c;	
	border-bottom: 2px;
	border-bottom-color: #98cb4c;
	background: #090953;	
	z-index:999;
	width:100%;
	
}

.nav  {
	width:100%;
	z-index:999;
}

.main-navigation .ak-container{
    padding:0 !important;
}

.main-navigation ul {
	list-style: none;
	margin-left: 30;
	padding: 0;
}

.main-navigation li {
	display: inline-block;
	position: relative;
	line-height:48px;
	font-size:12px;
	text-transform: uppercase;
	color:#ababab;
	white-space: nowrap;
}

.main-navigation.menu-right{
	text-align: right;
}

.main-navigation.menu-center{
	text-align: center;
}

.main-navigation.menu-right li{
	margin-right:0;
}



.main-navigation a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 0 18px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	position: absolute;
	z-index: 99999;	
	top: 100%;
	border-bottom: 3px solid #696969;
	border-top: 3px solid #696969;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-navigation ul li.more-menu-item > ul{
    right:0;
    left:auto;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
	border-top:none;
}

.main-navigation ul ul a {
	min-width: 150px;
    padding: 0;
}

.main-navigation ul ul li {
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #DDD;
	margin: 0 !important;
	padding:10px 15px;
	display: block;
	text-align: left;
	text-transform: none;
}

.main-navigation ul ul li:last-child{
	border-bottom: none;
}

.main-navigation li:hover > a {
	background: #696969;
	color:#ffffff;
}

.main-navigation ul ul li:hover > a ,
.main-navigation ul ul li.current-menu-item > a {
    color:#ffffff; 
}

.main-navigation ul ul a{
	color: #666;
	font-weight: bold;
	background: none !important;
}

.main-navigation ul ul a:hover {
	
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation .current-menu-parent > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_parent > a {
	background: #090953; 
}

.navigation .nav-links a, .bttn, button {
	background: #090953;
	border-bottom: 3px solid #d0d3d3;
	
}
.bttn:after{
    content: "";
    background: #090953;
    height: 3px;
    width: 0%;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    position: absolute;
    left:0;
    bottom:-3px;
}

.menu-item menu-item-type-post_type menu-item-object-page menu-item-312 {
	border-top: 3px solid #d0d3d3;
	border-bottom: 3px solid #d0d3d3;
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: true;
	
}



.progress-bar-theme { background-color: #1abc9c; }

/* WP User Avatar */

.wp-user-avatar {margin: 0;}

/* by aj */
.red{ color:#f8434a;}

.bright-txt *{ color:#fff;}



/*----------END OF LARGE SCREEN STYLES----------------*/

/*----------MOBILE STYLES---------------------------*/

@media only screen and (max-width: 480px){
	#top-search{display: none;}
	
	/*----3 COLUMNS HOME PAGE-------*/
.centered { text-align: justify; margin-left: 0%; margin-right: 0%; font-size: 14px;}

/*------CONTAINER FOR COLUMNS-------*/
.colcontainer {
	margin-left: 0%;
	margin-right:auto;
	width:100%;
}

.col3 {
	float:none; 
	width:100%;	
	color:#727272;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;	
	
}

.col4 {
	float:none; 
	width:30%;
	height:auto;	
	color:#727272;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	margin-left:11%;
	margin-right: auto;	
	
}
img.col4 {
	width:110px;
	height:97px;
}
/*-----IMAGE BOX-------*/
.homeimage {
	float:none; 
	width:100%;
	margin-left:0%;
	margin-right:auto;
	
}
/*-----LARGE BOX-----*/
.colbig {
	float:none; 
	width:100%;
	height:auto;
	color:#727272;
	font-size: 22px;
	font-weight:bold;	
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
}

.logo-ohc {
	 font-size: 24px;
	 float: none;
	 width:100%;
	 color:#ffffff;
	 background-color: #030f7e;
	 text-align:center;
	 margin-left:0%;
	 margin-right: auto;
	 
}

.colbigger {
	float:none; 
	width:99%;
	height:auto;
	color:#727272;
	font-size: 14px;
	font-weight:bold;	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.colbigcontact {
	float:none; 
	width:99%;
	height:auto;
	color:#727272;
	font-size: 12px;
	font-weight:bold;	
	padding-left: 0px;
	padding-bottom: 0px;
}
.contact {
	float:none; 
	width:100%;	
	color:#727272;
	font-size: 14px;
	font-weight:normal;			
	height:auto;
}
	/*----NUTRITION GUIDE BOX------*/
.nutguide {
	float:none; 
	position: relative;
	display: none;
	width:100%;	
	top: 100px;
	border-style:solid;
	border-width:2px;
	border-color:#e6e6e6;
	margin-right: 5px;
	text-align:center;
	font-weight:normal;
}
/*-----NUTRITION CALCULATOR BOX-----*/
.nutcalc {
	float: none;
	position: relative;
	display: none;
	border-style:solid;
	border-width:2px;
	border-color:#727171;
	width: 100%;
	padding:4px;
	color:#727171;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	margin: 4px;
	margin-bottom: 10px;
}
.aboutus {
	float:none; 
	position: relative;
	display: none;
	width:100%;
	height:120px;
	top: 2px;	
	border-style:solid;
	border-width:2px;
	border-color:#e6e6e6;
	margin-left: 20px;
	font-weight:normal;
	text-align:center;
	line-height: 20px;
	padding-top: 5px
}

.rowright {
	float:none; 
	position: relative;
	width:100%;
	text-align:left;	
	margin-right:auto;
	margin-left: auto;
	padding: 5px;
}

.row { float:none; text-align:left; padding: 5px;}


.wpcf7 input {
  max-width: 100% !important;
}
h1 { font-size: 22px; margin-bottom: 30px; margin-top: 30px; text-align:center;}
H3 { font-size: 14px; margin-bottom: 10px; margin-top: 10px; color: #000000; text-align:center;}
h4 { font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align:center;}

/*------MENU NAVIGATION-*/
.navigation { background-color: #030f7e; border-radius:0px; }

.navbar { margin-bottom: 0px; text-transform: uppercase; background: #030f7e;);
border-top-left-radius:0px; border-top-right-radius:0px; }


.navbar-inverse { padding-top: 10px; border:none; }



.navbar-inverse { background-color: #030f7e;  }



.navbar-inverse .navbar-nav > li > a { color: #ffffff; font-weight:bold; font-size: 12px; background:#transarent; }



.navbar-inverse .navbar-nav > li > a:hover { color: #9d6f89; }



.navbar-brand { font-size: 20px; font-weight: 700; letter-spacing: 2px; }



.navbar-inverse .navbar-brand { color: #e6e6e6; }



.navbar-inverse .navbar-toggle { border-color: transparent; background-color:#030f7e; }



.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { background-color: #ffffff; color: #030f7e; }



.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: #030f7e; color: #ffffff; }

}
@media only screen and (max-width: 340px){
	.homeimage {
	float:none; 
	width:100%;
	margin-left:0%;
	margin-right:auto;
	
} 
/*------CONTAINER FOR COLUMNS-------*/
.colcontainer {
	margin-left: 0%;
	margin-right:auto;
	width:100%;
}	
}
/*hover class*/
.navbar-nav li:hover ul.dropdown-menu{
    display:block !important;
	
}
.navbar-nav li ul.dropdown-menu li ul.dropdown-menu{
    display:none !important;
}
.navbar-nav li ul.dropdown-menu li:hover ul.dropdown-menu{
    display:block !important;
	top: 0px;
	left: 100%;
}
.textwidget iframe,.textwidget img {
  max-width: 100% !important;
}
.clickcontact {
	text-align:center;
}