/*
Theme Name: Pontypridd Dental Laboratory
Theme URI: https://cyberfreakz.com
Version: 1.0
Description: Theme for Pontypridd Dental Laboratory.
Author: Cyber Freakz
Author URI: https://cyberfreakz.com
*/

/* General */
.clear {
	clear: both;
}

/* Navigation */
.navbar-brand img {
	max-height:56px;
}
.nav > li > a {
    color:#222;
    font-size: 16px;
}
.navbar-default .navbar-nav > li > a {
	color: #222;
}
.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
ul.nav {
	margin-top: 5px;
}
.full_navbar {
	border:0; 
	margin-bottom:0; 
	padding:12px 0; 
	background:#fff;
}
.navbar-right .dropdown-menu {
    left: auto;
    right: -15px;
}
.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 118px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 119px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #fff;
}
.logo {
	font-size:28px; 
	color:#000; 
	padding:0; 
	margin:0;
}

/* Promotional Area */
.topbar {
	background-color:#1A4E76; 
	height:10px;
	border-bottom:1px solid #fff;
}
.underslider {
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #215B87),color-stop(1, #25689D));
	background-image: -o-linear-gradient(bottom, #215B87 0%, #25689D 100%);
	background-image: -moz-linear-gradient(bottom, #215B87 0%, #25689D 100%);
	background-image: -webkit-linear-gradient(bottom, #215B87 0%, #25689D 100%);
	background-image: -ms-linear-gradient(bottom, #215B87 0%, #25689D 100%);
	background-image: linear-gradient(to bottom, #215B87 0%, #25689D 100%);
	border-top:2px solid #fff;
	margin-bottom:40px;
}
.underslider h1 {
	margin:25px 0; 
	color:#fff; 
	font-size:22px;
	font-weight: normal;
	padding-left:15px;
}
	
.col-sm-3 h2 {
	font-size:24px;
}
.col-sm-3 p {
	font-size: 16px;
	line-height: 26px;
}
.col-sm-3 img {
	width:100%;
}

/* Testimonials */
.testimonials {
	padding: 20px;
	margin: 20px 0;
	background: #f0f0f0;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07) inset;
}
.testimonials blockquote {
	background: url(img/quote.png) 20px 15px no-repeat;
	border: 0;
	padding-left:100px;
	font-style: italic;
	line-height: 32px;
}
.testimonials p {
	font-size: 20px;
	font-style: italic;
}
.rfq {
	text-align:right; 
	padding-top:13px;
	padding-right:15px;
}

#map_canvas {
    width: 100%;
    height: 400px;
  }
  
/* Carousel */
.carousel-caption {
  position: absolute;
  margin:0 auto;
  padding: 10px 20px 10px 20px;
  bottom: 20px;

  width:auto;
  background:none repeat scroll 0 0 rgba(0, 0, 0,.5);
  text-align: left;
}
.carousel-caption h1,
.carousel-caption .lead {
  margin:0 0 10px 0;
  left:0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 0px 5px rgba(0,0,0,.90);
  font-size:16px;
}
.carousel-caption h1 {
	font-size:20px;
	line-height:22px;
	letter-spacing:2px;
}
.carousel-caption .btn {
  margin-top: 10px;
}
.caption-background {
  background-color:rgba(46,56,68,.1);
  position: static;
  max-width: 550px;
  padding: 10px 20px;
  margin-top: 510px;
}
.carousel .carousel-inner {
	position:relative;
}
.carousel .carousel-inner .item {
	max-height: 500px;
}
.carousel .carousel-inner .item img {
	width: 100%;
}

/* Posts */
.post {
	background-color:#fff;
	margin-bottom:40px;
	padding-bottom: 40px;
}
.post h1 {
	font-family:Arial;
	font-size:28px;
	margin:0 0 20px 0;
	text-decoration: none;
}
.post h1 a {
	color:#222;
	font-size:28px;
	margin:0 0 20px 0;
	text-decoration: none;
}
.post .featured_img {
	text-align: center;
	padding-right:10px;
}
img.largeimg {
	border-radius: 2px 2px 2px 2px; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
}
.post p {
	line-height: 24px;
	font-family: Arial;
	font-size: 16px;
	color:#333;
	margin: 20px 0;
}
.home_posts {
	margin-top: 20px;
	margin-bottom: 20px;
}
.featurette {
	margin-bottom: 40px;
	margin-top: 40px;
}
h2.featurette-heading {
	margin-top: 0px !important;
}
h2.featurette-heading a {
	color:#222;
}
img.post_img_lg {
	padding:5px;
	border:1px solid #C0C0C0;
	border-radius: 2px 2px 2px 2px; border:1px solid rgb(204, 204, 204); 
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
}
img.post_img_md {
	padding:5px;
	border:1px solid #C0C0C0;
	border-radius: 2px 2px 2px 2px; border:1px solid rgb(204, 204, 204); 
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
	float: left;
	margin: 6px 20px 20px 0;
}
.post_meta {
	border-bottom: 1px solid #DDD;
	padding-bottom: 6px;
	margin: 10px 0px 20px;
	color:#555;
}
.post_meta ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.post_meta ul li { 
	padding: 10px;
	border-right: 1px solid #eee;
	display: inline;
}
.post_meta ul li a { 
	color:#555;
	font-weight: bold;
}
.bloghome {
	font-family: arial;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
}
.single {
	border-bottom: none;
}
.cat_desc {
	background-color:#fff;
	margin-bottom:40px;
}
.cat_desc p {
	line-height: 24px;
	font-family: Arial;
	font-size: 16px;
	color:#333;
	margin: 20px 0;
}

/* Sidebar */
.sidebar .widget {
	background-color:#fff;
	padding:0;
	border:1px solid #C0C0C0;
	border-top: none;
	border-radius: 2px 2px 2px 2px; border:1px solid rgb(204, 204, 204); 
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
	margin-bottom:20px;
	text-align: left;
}
.sidebar .widget h3 {
	font-size: 22px;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 20px;
	color: #222;
	display: block;
	line-height: 22px;
	border-bottom: 1px solid #C0C0C0;
}
.sidebar .aboutwrap h3 {
	font-size: 22px;
	font-family: Arial;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 20px 20px 20px 0;
	color: #222;
	display: block;
	line-height: 22px;
	border-bottom: none;
}
.sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar .widget ul li {
    border-bottom: 1px solid rgb(227, 227, 227);
    padding: 10px 20px 10px 35px;
    background: url("img/arrow-dark.gif") no-repeat scroll 20px 16px transparent;
    line-height: 20px;
}
.sidebar .mlmwidget ul li {
    border-bottom: 1px solid rgb(227, 227, 227);
    padding: 10px 20px 10px 20px;
    background: none;
    line-height: 20px;
    overflow: hidden;
}
.sidebar .mlmwidget ul li img {
    float:left;
    margin-right: 1em;
    width: 50px;
    height: 50px;
    border:1px solid #C0C0C0;
	border-radius: 2px 2px 2px 2px; border:1px solid rgb(204, 204, 204); 
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
}

.sidebar .widget ul li a {
	color: #222;
}
.sidebar .widget ul li a:hover {
	color: #222;
	text-decoration: underline;
}
.sidebar .widget .textwidget {
	padding: 20px;
}
.sidebar .widget .tt_textwidget {
	padding: 20px;
}
.sidebar .widget .text h2 {
	padding: 0 20px;
	font-size: 18px;
	font-weight: bold;
}
.sidebar .optin {
	position:relative; 
	padding:0;
}
.sidebar .optin .heading {
	height:39px; 
	width:100%; 
	padding-top:10px; 
	text-align:center; 
	color:#fff; 
	font-size:18px; 
	font-weight:bold;
}
.sidebar .optin .headingleft {
	position:absolute; 
	height:49px; 
	width:7px; 
	right:-7px; 
	top:0px;
}
.sidebar .optin .headingright {
	position:absolute; 
	height:49px; 
	width:7px; 
	left:-7px; 
	top:0px;
} 
.sidebar .aboutwrap {
	position:relative; 
	padding:0;
}
.sidebar .about-widget-container .about-text {
	padding: 20px;
}
.sidebar .standard-ad-300 {
	border:none;
	padding: 0;
	text-align: center;
	box-shadow: none;
}
.screen-reader-text {
    display:none;
}
.searchform div {
	padding: 20px;
}
.searchform input[type="text"] {
	width: 75%;
	margin-bottom:5px;
}
#searchsubmit {
	display: inline-block;
	margin-bottom: 0px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	border-radius: 4px;
	-moz-user-select: none;
	color: #333;
	background-color: #FFF;
	border-color: #CCC;
}
.widget .tagcloud {
	padding: 20px;
}
.widget .tagcloud a {
	color:#333;
	margin-right: 5px;
}

/* Footer */
footer {
	background: #ba0000;;
}
footer .footerwidgets {
	border-bottom: 1px solid #222; 
	color:#ddd; 
	padding:20px 0 20px 0;
}
footer .footerwidgets ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
footer .footerwidgets p {
	margin: 0 0 20px 0;
	line-height: 24px;
}
footer .footerwidgets ul li {
	padding:5px 0;
}
footer .footerwidgets ul li a {
	color:#ccc;
}
footer .footerwidgets h3 {
	font-size: 22px;
	font-weight: 500;
	font-family: inherit;
	color: #fff;
	border-bottom: 1px solid #1a1a1a;
	margin:0;
	padding: 0 0 10px 0;
}
footer .footerwidgets .widget-inner {
	border-top: 1px solid #333;
	padding-top:10px;
}
footer .footerwidgets .tagcloud a {
	color:#ccc;
	margin-right: 5px;
}
footer .footercredits {
	border-top: 1px solid #444; 
	color:#ddd; 
	padding:10px 0;
}
footer .footercredits .totop {
	text-align: right;
}
footer .footercredits .totop a {
	color:#ccc;
}
footer .footercredits .credits {
	text-align: left;
	color: #666;
}
footer .footer_menu {
	background: #2D2D2D;
	padding: 10px 0;
}
footer .footer_bottom {
	background: #171717;
	padding: 10px 0;
}
footer .accred {
	background: #fff;
}
footer .accred a {
	display: inline-block;
	margin-right: 20px;
	padding: 10px 0;
}
footer .accred img {
	height: 50px;
	width: auto;
}
.footer_menu {

}
.back-to-top {
	z-index: 2;
    position: fixed;
    bottom: .8em;
    right: 1.5em;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background-color: #235F8E;
    opacity: 0.8;
    font-size: 12px;
    padding: 7px 10px 10px 10px;
    display: none;
}

.back-to-top:hover {    
    background-color: #235F8E;
    opacity: 1;
}

.totop {

}
.totop a {
	color:#ccc;
}
.credits {
	color:#666;
	margin-top:3px;
}
.credits a {
	color:#ccc;
}
.footerright {
	color:#666;
	margin-top:3px;
	text-align:right;
}
.footerright a {
	color:#ccc;
}
.bottombar_left {

}
.bottombar_right {
	text-align:right; 
}
ul.social_icons {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
	float: right;
}
ul.social_icons li {
	float: left;
	margin-left: 20px;
}
ul li.sprite_twitter {
    width: 32px;
    height: 32px;
    background: url(img/social_sprite.png);
}
ul li.sprite_facebook {
    width: 32px;
    height: 32px;
    background: url(img/social_sprite.png) -40px 0;
}
ul li.sprite_youtube {
    width: 36px;
    height: 32px;
    background: url(img/social_sprite.png) -122px 0;
}
ul li.sprite_rss {
    width: 38px;
    height: 32px;
    background: url(img/social_sprite.png) -168px 0;
}
ul li.sprite_plus {
    width: 40px;
    height: 32px;
    background: url(img/social_sprite.png) -75px 0;
}

.single h1 {
	margin: 0 0 20px 0;
}
.bottom-left {
	float: left;
	width: auto;
	margin-right: 10px;
}
ul.bottom-menu {
	list-style: none;
	margin:5px 0 0 0;
	padding: 0;
	float: left;
}
ul.bottom-menu li {
	margin: 0 10px 0 0;
	display: inline;
}
ul.bottom-menu li a {
	color:#ccc !Important;
}

/* CONTACT FORMS */
#contactForm {
	margin-bottom: 40px;
}

/* COMMENTS */
#comments { }
#comments h3 { font-size:26px; border-bottom:4px solid #DDD; margin-bottom:25px; }
h2.commentsection {font-size:24px; font-family: Arial !important; margin: 30px 0;}
#comments .children { margin: 20px 0 0 83px; }
#comments .children li.comment { margin: 0 0 20px 0; }
ol.commentlist { margin:0 0 40px 0; padding:0; list-style:none; }
ul.commentlist {list-style:none; margin-left:0; padding-left:0;}
li.commentlist { list-style:none; }
.the-comment { margin-bottom:24px; }
.avatar { border:1px solid #CCC; float:left; margin-right:10px; padding:4px; }
.comment-arrow { background:url(images/comment-arrow1.png) no-repeat; width:13px; height:23px; float:left; margin-top:16px; margin-right:-2px; }
.comment-box { background-color:#fff; padding:14px; overflow:hidden; border:1px solid #C0C0C0; border-radius: 2px 2px 2px 2px; border:1px solid rgb(204, 204,204); box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);}
.comment-author { margin-bottom:10px; }
.comment-author small { color:#888; }
.comment-text { line-height:20px; color:#222; }
ul.children {margin-left:50px; list-style:none;}
.cancel-comment-reply { margin-bottom:10px; }
.no-comments { color:#888; }
.comment-author a { color:#3a3a3a; }
.comment-text-side { color:#888; font-style:italic; line-height:18px; }

#tab2 h3 a { font-style: normal !important; font-weight: normal !important; }
.who-said { font-weight: bold !important; margin-bottom: 5px !important; }

#comment-input { float:left; margin-right:20px; }
#comment-input input { border:0; margin-bottom:17px; }
#comment-input input:focus, textarea:focus { outline:none; }
#comment-input label { display:block; margin-bottom:5px; }
#comment-input label .req { color:#999; }
#comment-textarea { float:right; }
#comment-textarea label { display:block; margin-bottom:5px; }
#comment-textarea-admin { float:none; margin-bottom:16px; }
#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
#comment-submit { clear:both; float:right; margin-bottom:10px; }
#comment-submit-admin { clear:both; margin-bottom:10px; }
.input-name { background:url(images/input-name.png) no-repeat; width:198px; padding:11px 10px 14px 34px; }
.input-email { background:url(images/input-email.png) no-repeat; width:198px; padding:11px 10px 14px 34px; }
.input-website { background:url(images/input-website.png) no-repeat; width:198px; padding:11px 10px 14px 34px; }
.textarea-comment { background:url(images/textarea-comment.png) no-repeat; border:0; width:308px; height:163px; padding:14px; font-family:arial; }
.comment-submit { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:6px 10px 7px 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-size:13px; color:#FFF; text-shadow: 0px -1px 0px #000; cursor:pointer; }
.comment-submit:hover { background:url(images/black-button.png) repeat-x; background-position:0 -37px;  }
.textfield {width: 100%;}
.textarea_style {width: 100%; border: 1px solid #b7b7b7;}

/* Media Queries for Responsive Design */
@media (min-width: 767px) {
 	.dropdown:hover .dropdown-menu {
	    display: block;
	}
}

@media (max-width: 980px) {

  .underslider {
      text-align: center;
  }
  .rfq {
	  text-align:center; 
	  padding-top:13px;
	  margin-bottom: 20px;
  }
  .bloghome {
	  font-size: 16px;
	  font-weight: normal;
  }
  ul.bottom-menu {
    float: none !important;
    margin-bottom: 30px;
    text-align: center;
  }
  .bottombar_right {
    text-align: center;
  }
  ul.social_icons {
  	float:none;
  	display: inline-block;
  	text-align: center !important;
  }
  .searchform div {
	text-align: center;
  }
  .searchform input[type="text"] {
	width: 100%;
	margin-bottom:5px;
  }

}

@media (max-width: 767px) {
 	
  .col-sm-3 img {
	width:auto;
	margin:0 auto;
  }
  .col-sm-3 {
      text-align: center;
  }
  footer .footercredits .totop {
	text-align: center;
  }
  footer .footercredits .credits {
	text-align: center;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 20px;
  }
  .dropdown-menu:before {
	display: none;
  }
  .dropdown-menu:after {
	display: none;
  }
  .post_meta ul li { 
	display: block;
	padding:0 0 5px 0;
	border-right: none;
  }
  .credits {
	text-align: center;
  }
  .footerright {
	text-align: center;
  }
}
@media (max-width: 480px) {

  .navbar-brand img {
      width:210px;
      
  }
  .carousel-caption {
      /*display: none;*/
  }
  .carousel-caption {
	  bottom: 0px;
	}
  .carousel-caption h1 {
      font-size: 1em;
      line-height: 1.15;
  }
  .carousel-caption p {
      font-size: .6em;
  }
  .carousel-indicators {
	  display: none;
  }
  img.post_img_md {
	  float: none;
	  margin: 0 0 20px 0;
  }
}

.googlemaps  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.googlemaps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}