/*
Theme Name: P&D Bootstrap
Theme URI: 
Description: A simple responsive theme built with Bootstrap
Author: Pixels & Digits Solutions, Inc.
Author URI: 
Version: 2.0
Tags: responsive, bootstrap
*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/social-buttons.css'); 
@import url('bootstrap/css/bootstrap-theme.css');


.nowrap {
	white-space: nowrap !important;
}
.pnd_branded {
	color: #999 !important;;
}

.page_container {
	margin:30px;
}

.btn {
	height:auto;
}

a.panel-title:hover,
a.panel-title:active,
a.panel-title:focus{
	text-decoration:none !important;
}
.carousel.fade {
    opacity: 1;
}
.fotorama--wp{
	clear:both;
}
.wp-caption,
.wp-caption-text {
	max-width: calc(100% - 10px); !important;
}
/* form styles */
#errorMsg,
.required.error,
.red{
	color:red;
}
.required.error{
	background-color:#f2dede;
	border-color:red !important;
}
input[type=checkbox].required.error,
input[type=radio].required.error{
	outline: 2px solid #F00;
}
.form_message{
	display:none;
	margin:10px 0 20px;
	padding:10px 20px;
	font-weight:400;
	font-size:16px;
	line-height: 1.5em;
	border-radius: 4px;
	border:1px solid;
	text-align:center;
}
.form_message.bg-danger{
	color:#D10303;
}
.form_message.bg-success{
	color:darkgreen;
}

/**/
.dropdown-backdrop{
	position: static;
}
img.alignleft, .alignleft{float:left;}
img.alignright, .alignright{float:right;}

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

p.wp-caption-text{
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: center;
	margin-top: 6px;
	margin-left:auto;
	margin-right:auto;
	color: rgb(136, 136, 136);
	padding-top:4px;
}

.modified.column-modified{
	max-width:250px !important;
	width:15%;
}

.loading{
	width:100%;
	height:100%;
	background: transparent url('media/images/loading.gif') center center no-repeat;
}

html {margin:0 !important;}

/********** BEGIN - ADD THESE CLASSES FOR PINNING MODAL ************/
@media (max-width: 480px){
	h1{font-size:30px;}
	h2{font-size:24px;}
	h3{font-size:18px;}
	h4{font-size:16px;}
	p,td {font-size:12px;}
	.page_modal-body{top:54px !important;bottom:46px !important;}
	.padding32{padding:24px !important;}
	.page_modal-footer, .modal-footer {padding:4px !important;}
	.page_modal-header, .modal-header {padding:12px !important;}
	.fotorama__caption__wrap {display:none;}
	.program_course_details td, .program_course_details td p {min-width:0px !important; font-size:12px;}
}
.page_modal-dialog {
    position: fixed;
    top: 2%;
    bottom: 2%;
    right: 2%;
    left: 2%;
    min-height: 0px;
    margin: 0px auto;
}
.page_modal-content{
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	overflow:hidden !important;
}
.page_modal-header{
	position: fixed;
	top:0;
	right:1px;
	left:1px;
	border:none !important;
}
.page_modal-body{
	height:auto;
	min-height:0px;
	position: absolute;
	overflow-y:auto;
	width:100%;
	top:73px;
	bottom:64px;
	margin: 0px;
	padding:0px;
	XXborder-top:1px solid #bfbfbf;
	XXborder-bottom:1px solid #bfbfbf;
	-webkit-overflow-scrolling: touch;
}
.page_modal-footer{
	position: fixed;
	bottom:0;
	right:1px;
	left:1px;
	border:none !important;
	padding:12px;
}

/********** END - ADD THESE CLASSES FOR PINNING MODAL ************/

.clear-both {
	clear:both !important;
}
.clear-right{
	clear:right !important;
}
.clear-left{
	clear:left !important;
}
.slideshow img, .slideshow_bg img {
	max-width:100% !important;
	height:auto !important;
}
.slideshow img{
	box-shadow: #000 0em 0em 0em !important; 
	width:100%;
}
.slideshow_bg{
	position:relative;
	top:0;
	padding:0px;
	margin:0px;
	max-width:100% !important;
}
@media (max-width: 480px){
	.hidden-xxs{
		display:none !important;
	}
}
@media (min-width: 481px){
	.visible-xxs{
		display:none !important;
	}
}
.transparent {
	background-color:transparent !important;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
}
.fa {
	font-size:22px; 
	color:#fff; 
	opacity:.5
}
.fa:hover {
	opacity:1;
}
.attachment-post-title{
	width:100%;
	height:auto;
	max-width:400px;
}
body {
	padding-top: 48px;
	padding-bottom: 40px;
}
.slides li:after {
	content: "." !important;
	position:absolute !important;
	bottom:0 !important;
	left:0 !important;
	z-index:-1000;
}
.navbar {
	box-shadow: 0px 2px 3px rgba(0,0,0,.5);
	margin-bottom:0px;
}
.navbar .container {
	max-width:1200px;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus,
.navbar-inverse .nav .current_page_item a,
.navbar-inverse .nav .current_page_item a:hover,
.navbar-inverse .nav .current_page_item a:focus,
.navbar-inverse .nav .current_page_parent a,
.navbar-inverse .nav .current_page_parent a:hover,
.navbar-inverse .nav .current_page_parent a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > li > a,
li.menu-item a  {
  color: #999999 !important;
  margin:0px; 
}
.navbar-inverse .navbar-nav > li > a:hover,
li.menu-item a:hover  {
	color: #dddddd !important;
	text-decoration:none;
}
@media (max-width: 992px){
	.mobile-text-center{
		text-align:center;
	}
}
@media (min-width: 768px){
	body .modal-dialog {
    	width: 96% !important;
    	max-width:1040px;
   	}
}
a{
	outline:0 !important;
}
.navbar-collapse {
		max-height: 640px;
	}
@media (max-width: 480px){
	.navbar-collapse {
		max-height: 420px;
	}
}
body, small {
  font-family: helvetica, "lucida grande", arial, sans-serif;
  font-weight: 300;
  padding-bottom: 40px;
  color: #5a5a5a;
}
a,
a:hover {
  color: #225E9B;
}
h1,h2,h3,h4 {
  font-family: georgia, times, serif;
  font-weight: normal;
}
h1.jumbo{
	color:rgb(66,139,202);
}
@media (max-width: 768px){
	h1.jumbo {
		font-size:2em;
	}
}
@media (min-width: 769px){
	h1.jumbo {
		font-size:3em;
	}
}
@media (min-width: 992px){
	h1.jumbo {
		font-size:3.5em;
	}
}
.spamp {
  font-family: 'Baskerville', Palatino, georgia;
  font-style: italic;
  font-weight: normal;
  font-size:1.15em;
  vertical-align:-3px;
}
.container{
	position: relative;
}
footer p{
	text-align: center;
}

/******
col-ms-sizes for Bootstrap
******/

@media (min-width: 481px) and (max-width: 767px) {
	.col-ms-1,
	.col-ms-2,
	.col-ms-3,
	.col-ms-4,
	.col-ms-5,
	.col-ms-6,
	.col-ms-7,
	.col-ms-8,
	.col-ms-9,
	.col-ms-10,
	.col-ms-11 {
		float: left; }

	.col-ms-1 {
		width: 8.33333%; }

	.col-ms-2 {
		width: 16.66667%; }

	.col-ms-3 {
		width: 25%; }

	.col-ms-4 {
		width: 33.33333%; }

	.col-ms-5 {
		width: 41.66667%; }

	.col-ms-6 {
		width: 50%; }

	.col-ms-7 {
		width: 58.33333%; }

	.col-ms-8 {
		width: 66.66667%; }

	.col-ms-9 {
		width: 75%; }

	.col-ms-10 {
		width: 83.33333%; }

	.col-ms-11 {
		width: 91.66667%; }

	.col-ms-12 {
		width: 100%; }

	.col-ms-push-1 {
		left: 8.33333%; }

	.col-ms-push-2 {
		left: 16.66667%; }

	.col-ms-push-3 {
		left: 25%; }

	.col-ms-push-4 {
		left: 33.33333%; }

	.col-ms-push-5 {
		left: 41.66667%; }

	.col-ms-push-6 {
		left: 50%; }

	.col-ms-push-7 {
		left: 58.33333%; }

	.col-ms-push-8 {
		left: 66.66667%; }

	.col-ms-push-9 {
		left: 75%; }

	.col-ms-push-10 {
		left: 83.33333%; }

	.col-ms-push-11 {
		left: 91.66667%; }

	.col-ms-pull-1 {
		right: 8.33333%; }

	.col-ms-pull-2 {
		right: 16.66667%; }

	.col-ms-pull-3 {
		right: 25%; }

	.col-ms-pull-4 {
		right: 33.33333%; }

	.col-ms-pull-5 {
		right: 41.66667%; }

	.col-ms-pull-6 {
		right: 50%; }

	.col-ms-pull-7 {
		right: 58.33333%; }

	.col-ms-pull-8 {
		right: 66.66667%; }

	.col-ms-pull-9 {
		right: 75%; }

	.col-ms-pull-10 {
		right: 83.33333%; }

	.col-ms-pull-11 {
		right: 91.66667%; }

	.col-ms-offset-1 {
		margin-left: 8.33333%; }

	.col-ms-offset-2 {
		margin-left: 16.66667%; }

	.col-ms-offset-3 {
		margin-left: 25%; }

	.col-ms-offset-4 {
		margin-left: 33.33333%; }

	.col-ms-offset-5 {
		margin-left: 41.66667%; }

	.col-ms-offset-6 {
		margin-left: 50%; }

	.col-ms-offset-7 {
		margin-left: 58.33333%; }

	.col-ms-offset-8 {
		margin-left: 66.66667%; }

	.col-ms-offset-9 {
		margin-left: 75%; }

	.col-ms-offset-10 {
		margin-left: 83.33333%; }

	.col-ms-offset-11 {
		margin-left: 91.66667%; }
}

@media (max-width: 767px) {
	.hidden-xs,
	.xs-hidden,
	tr.hidden-xs,
	th.hidden-xs,
	td.hidden-xs {
		display: block !important;
	}
	.program_course_details img {max-width:100% !important;}
}

@media (min-width: 481px) and (max-width: 767px) {
	.hidden-ms {
		display: none !important;
	}
	.container {
		max-width: 748px; }
		
	.form-horizontal .form-group .control-label {text-align:right;}
}

@media (max-width: 480px) {
	.hidden-xs,
	tr.hidden-xs,
	th.hidden-xs,
	td.hidden-xs {
		display: none !important;
	}
}