/*
	Theme Name: Saints and Sinners
	Theme URI: http://saintsandsinners.danielvalenzuela.com.mx
	Description: Saints And Sinners Half WordPress Theme
	Version: 1.0.0
	Author: Daniel Valenzuela
	Author URI: http://danielvalenzuela.com.mx
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  position: relative;
  min-height: 100%;
}
body {
	/*font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	color:#444;
	background-color: #fbaf3f;	
	padding-top: 37px;
  margin-bottom: 64px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	color:#ffffff;
	text-decoration: underline;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper  Replaced with Bootstrap's Conatiner*/
/*.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}*/

/* header */
.header {

}
/* logo */
.logo {
	text-align: center;
	padding-top: 20px;
}

.call-to-action
{
	text-align: center;
	padding-top: 10px;
}

.call-to-action a
{  
	border-width: 3px;
	border-radius: 16px;
	border-color: #fec271;
	background-color: #f89c31;
	color:#ffffff;
	padding: 15px 25px;
	text-transform: uppercase;
	font-family: 'gotham_htfmedium';
	font-size: 18px;
}
.call-to-action a:hover,
.call-to-action a:active,
.call-to-action a:focus,
.call-to-action a:active:focus,
.call-to-action a:active:hover
{  
	border-width: 3px;
	border-radius: 16px;
	border-color: #fec271;
	background-color: #e6902d;
	color:#ffffff;
}

.countdown
{
	text-align: center;
}
.countdown h2
{
  	color: #ffffff;
  	font-size: 14px;
	text-transform: uppercase;
	font-family: 'gotham_htflight';
}

.countdown > div
{
	display: inline-block;
	text-align: center;
	width: 20%;
}
.countdown .value
{
  	color: #ffffff;
  	font-size: 28px;
	line-height: 24px;
	font-family: 'gotham_htfbold';
}
.countdown .title
{
  	color: #ffffff;
  	font-size: 10px;
	font-family: 'gotham_htflight';
}
.social-links
{
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #ffffff;
	font-family: 'GothamCondensed-Book';
	font-size:24px;
	line-height: 24px;
}
.social-links span
{
	white-space: nowrap;
}
.social-links img
{
	transition: all 0.3s ease 0s;
}
.social-links img:hover
{
  	opacity: 0.50;
}

.main-column
{
	/*background-color: #ffffff;*/
	background-color:#58585a;
	padding:0;
}

/* nav */
.navbar-nav
{
	font-family: 'gotham_htflight';
	text-transform: uppercase;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{
	background-color: inherit;
}


.navbar-inverse .navbar-nav>li>a{
	text-align: center;
}
/*.navbar-inverse .navbar-nav > .orange-dot.active > a{
	background-color: transparent;
}
.orange-dot.active{
	background-color: #000000;
}*/

/* sidebar */
.sidebar {

}
/* footer */
.footer {

  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 64px;background-color:#222222;
}

.left-column
{
	/*background-color: dodgerblue;*/
}
/* content styles */

.inside {
  /*margin-top: 20px;
  margin-bottom: 20px;*/
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */
/*
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}*/
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
.sponsers-text-wrapper{
	color: #999999;
	text-transform: uppercase;
	text-align: center;
	padding:10px 0;
	
}
.sponsers-top{
	font-family: 'gotham_htflight';
	font-size: 16px;
	line-height: 16px;
	
}
.sponsers-bottom{
	font-family: 'gotham_htfbold';
	font-size: 26px;
	line-height: 20px;
	
}
.sponser-logo{
	text-align: center;
	vertical-align: middle;
	padding:10px 0;
}
/*------------------------------------*\
    MENU DOTS
\*------------------------------------*/
.nav>li>a{
	padding: 10px 5px;
}
.navbar-inverse .navbar-nav>li>a{
	white-space: nowrap;
}
ul.navbar-nav  > li > a > i{
	color:#222222;
	transition: all 0.3s ease 0s;
}
.dropdown-menu > li > a > i{
	color:#444444;
	transition: all 0.3s ease 0s;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	color: #ffffff;
	background-color: inherit;
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: inherit;
}
.dropdown-menu > li > a {
	color:#9d9d9d ;
}
/*ul.dropdown-menu  > li > a > i{
	display: none;
}*/

.white-dot > a:hover > i, 
.white-dot.active > a > i
{
	color: #ffffff;
}
.orange-dot > a:hover > i, 
.orange-dot.active > a > i
{
	color: #f7941e;
}
.dark-orange-dot > a:hover > i, 
.dark-orange-dot.active > a > i
{
	color: #f1592a ;
}
.purple-dot > a:hover > i, 
.purple-dot.active > a > i
{
	color: #652c90 ;
}
.dark-purple-dot > a:hover > i, 
.dark-purple-dot.active > a > i
{
	color: #71137a ;
}
.aqua-dot > a:hover > i, 
.aqua-dot.active > a > i
{
	color: #13a89e ;
}
.lime-green-dot > a:hover > i, 
.lime-green-dot.active > a > i
{
	color: #8cc63f ;
}
.red-dot > a:hover > i, 
.red-dot.active > a > i
{
	color: #ef4036 ;
}
.blue-dot > a:hover > i, 
.blue-dot.active > a > i
{
	color: #25aae1 ;
}
.green-dot > a:hover > i, 
.green-dot.active > a > i
{
	color:#18a370;
}
.yellow-dot > a:hover > i, 
.yellow-dot.active > a > i
{
	color: #e5e210;
}
.brown-dot > a:hover > i, 
.brown-dot.active > a > i
{
	color:#8e3d00;
}
/*------------------------------------*\
    SLIDES
\*------------------------------------*/


.slide-indicator
{
	margin-right:10px;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.page-title-header{
	height: 100px;
	width: 100%;
	background-color: #f1592a;
	padding-top:15px;
	padding-left:30px;
}
.page-title{
	font-size: 50px;
	line-height: 46px;
	font-family: 'GothamCondensed-Medium';
	color:#ffffff;
	text-transform: uppercase;
}

.page-subtitle{
	font-size: 14px;
	font-family: 'GothamCondensed-Light';
	color:#ffffff;	
	text-transform: uppercase;
}

.page-main-content
{
	padding:30px;
	font-family: 'GothamLight-Regular';
	color:#ffffff;	
	font-size: 14px;
	background-color:#58585a;
}



/*------------------------------------*\
    DYNAMIC CONTENT
\*------------------------------------*/
.dynamic-content-main-content
{
	color:#ffffff;
	font-family: 'GothamLight-Regular';
	font-size: 14px;   
}
.dynamic-content-main-content .row
{
	margin:0;
}

.dynamic-content-main-content .image-column
{
	overflow: hidden;
	padding:0;
}
.dynamic-content-main-content .text-column
{
	background-color:#58585a;
	padding: 15px;	
	font-family:'gotham_htflight';
	font-size:14px;
	line-height:15px;
}
/*------------------------------------*\
    IMAGE GALLERY
\*------------------------------------*/
.gallery-main-content
{
	color:#ffffff;
	font-family: 'GothamLight-Regular';
	font-size: 14px;   
}
.gallery-main-content .row
{
	margin:0;
}

.gallery-main-content .image-column
{
	overflow: hidden;
	padding:0;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family: 'Glyphicons Halflings';
    src: url(fonts/glyphicons-halflings-regular.eot);
    src: url(fonts/glyphicons-halflings-regular.eot#iefix) format('embedded-opentype'),
		 url(http://saintsandsinnershalf.com/wp-content/themes/SaintsAndSinnersHalf/fonts/glyphicons-halflings-regular.woff2) format('woff2'),
		 url(http://saintsandsinnershalf.com/wp-content/themes/SaintsAndSinnersHalf/fonts/glyphicons-halflings-regular.woff) format('woff'),
		 url(fonts/glyphicons-halflings-regular.ttf) format('truetype'),
		 url(fonts/glyphicons-halflings-regular.svg) format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family:'GothamLight-Regular';
	src: url('fonts/GothamLight_gdi.eot');
	src: url('fonts/GothamLight_gdi.eot#iefix') format('embedded-opentype'),
		url('fonts/GothamLight_gdi.woff') format('woff'),
		url('fonts/GothamLight_gdi.ttf') format('truetype'),
		url('fonts/GothamLight_gdi.otf') format('opentype'),
		url('fonts/GothamLight_gdi.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'gotham_htflight';
    src: url('fonts/gothamhtf-light.eot');
    src: url('fonts/gothamhtf-light.eot#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-light.woff') format('woff2'),
         url('fonts/gothamhtf-light.woff') format('woff'),
         url('fonts/gothamhtf-light.ttf') format('truetype'),
         url('fonts/gothamhtf-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfmedium';
    src: url('fonts/gothamhtf-medium.eot');
    src: url('fonts/gothamhtf-medium.eot#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-medium.woff') format('woff2'),
         url('fonts/gothamhtf-medium.woff') format('woff'),
         url('fonts/gothamhtf-medium.ttf') format('truetype'),
         url('fonts/gothamhtf-medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfbold';
    src: url('fonts/gothamhtf-bold.eot');
    src: url('fonts/gothamhtf-bold.eot#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-bold.woff') format('woff2'),
         url('fonts/gothamhtf-bold.woff') format('woff'),
         url('fonts/gothamhtf-bold.ttf') format('truetype'),
         url('fonts/gothamhtf-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family:'GothamCondensed-Bold';
	src: url('fonts/GothamCondensed-Bold_gdi.eot');
	src: url('fonts/GothamCondensed-Bold_gdi.eot#iefix') format('embedded-opentype'),
		url('fonts/GothamCondensed-Bold_gdi.woff') format('woff'),
		url('fonts/GothamCondensed-Bold_gdi.ttf') format('truetype'),
		url('fonts/GothamCondensed-Bold_gdi.otf') format('opentype'),
		url('fonts/GothamCondensed-Bold_gdi.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: condensed;
	unicode-range: U+0020-2212;
}
@font-face {
	font-family:'GothamCondensed-Book';
	src: url('fonts/GothamCondensed-Book_gdi.eot');
	src: url('fonts/GothamCondensed-Book_gdi.eot#iefix') format('embedded-opentype'),
		url('fonts/GothamCondensed-Book_gdi.woff') format('woff'),
		url('fonts/GothamCondensed-Book_gdi.ttf') format('truetype'),
		url('fonts/GothamCondensed-Book_gdi.otf') format('opentype'),
		url('fonts/GothamCondensed-Book_gdi.svg') format('svg');
	font-weight: 325;
	font-style: normal;
	font-stretch: condensed;
	unicode-range: U+0020-2212;
}
@font-face {
	font-family:'GothamCondensed-Light';
	src: url('fonts/GothamCondensed-Light_gdi.eot');
	src: url('fonts/GothamCondensed-Light_gdi.eot#iefix') format('embedded-opentype'),
		url('fonts/GothamCondensed-Light_gdi.woff') format('woff'),
		url('fonts/GothamCondensed-Light_gdi.ttf') format('truetype'),
		url('fonts/GothamCondensed-Light_gdi.otf') format('opentype'),
		url('fonts/GothamCondensed-Light_gdi.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: condensed;
	unicode-range: U+0020-2212;
}
@font-face {
	font-family:'GothamCondensed-Medium';
	src: url('fonts/GothamCondensed-Medium_gdi.eot');
	src: url('fonts/GothamCondensed-Medium_gdi.eot#iefix') format('embedded-opentype'),
		url('fonts/GothamCondensed-Medium_gdi.woff') format('woff'),
		url('fonts/GothamCondensed-Medium_gdi.ttf') format('truetype'),
		url('fonts/GothamCondensed-Medium_gdi.otf') format('opentype'),
		url('fonts/GothamCondensed-Medium_gdi.svg') format('svg');
	font-weight: 350;
	font-style: normal;
	font-stretch: condensed;
	unicode-range: U+0020-2212;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) {
	.row-xs-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	}
	.col-xs-height {
	display: table-cell;
	float: none;
	height: 100%;
	}
	.col-xs-top {
	vertical-align: top;
	}
	.col-xs-middle {
	vertical-align: middle;
	}
	.col-xs-bottom {
	vertical-align: bottom;
	}
	.social-links{
		margin-bottom:20px;	
	}
	
	/*.what-where-when-why{
		margin-top: 0;
	}*/
}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) {
	.navbar-nav {
	    display:table;
	    width:100%;
	    margin: 0;
	}
	.navbar-nav > li {
	    display:table-cell;
	    text-align:center;
		float: none;
	}
	
	.navbar-inverse .navbar-nav>li>a{
		font-size: 12px;
		text-align: left;
	}
	.dropdown:hover .dropdown-menu {
		display: table;
	}
	
	.dropdown-menu {
		position: absolute;
	    width:auto;
	    margin: 0;
	}
	.dropdown-menu > li {
	    display:table-cell;
	    text-align:center;
		float: none;
	}
	.dropdown-menu
	{
		padding:0;
		background-color: #444;
	}
	.dropdown-menu>li>a
	{
		padding:10px 20px;
		/*color:#ffffff;*/
	}
	
	.call-to-action a {
		padding: 10px 5px;
		font-size: 14px;
	}
	
	.row-sm-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	}
	.col-sm-height {
	display: table-cell;
	float: none;
	height: 100%;
	}
	.col-sm-top {
	vertical-align: top;
	}
	.col-sm-middle {
	vertical-align: middle;
	}
	.col-sm-bottom {
	vertical-align: bottom;
	}
	.social-links{
		margin-bottom:0;	
	}
	/*
	.what-where-when-why{
		margin-top: -20px;
	}*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) {
	
	.call-to-action a {
		padding: 15px 25px;
		font-size: 18px;
	} 
	.row-md-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	}
	.col-md-height {
	display: table-cell;
	float: none;
	height: 100%;
	}
	.col-md-top {
	vertical-align: top;
	}
	.col-md-middle {
	vertical-align: middle;
	}
	.col-md-bottom {
	vertical-align: bottom;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1110px) {
	
	.navbar-inverse .navbar-nav>li>a{
		font-size: 14px;
	}
	.call-to-action a {
		padding: 15px 25px;
	} 
	
	.row-lg-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	}
	.col-lg-height {
	display: table-cell;
	float: none;
	height: 100%;
	}
	.col-lg-top {
	vertical-align: top;
	}
	.col-lg-middle {
	vertical-align: middle;
	}
	.col-lg-bottom {
	vertical-align: bottom;
	}

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    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%;
	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 .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    CUSTOM STYLES FOR TINYMCE EDITOR
\*------------------------------------*/

.custom-style-large-orange-text{
	color: #fbaf3f;
	font-size:24px;
	font-family: 'GothamCondensed-Bold';
}
.custom-style-large-white-text{
	color: #ffffff;
	font-size:20px;
	font-family: 'gotham_htflight';
}
.custom-style-bold-white-text{
	color: #ffffff;
	font-size:20px;
	font-weight: bold;
}

/*------------------------------------*\
    CONTACT FORM 7 
\*------------------------------------*/
.wpcf7 input{
	color:#000000;
	font-weight: bold;
	
}

button,
html input[type="button"], 
input[type="reset"], 
input[type="submit"],
textarea,
.wpcf7-submit{
	color:#000000;
	font-weight: bold;
}

/* normal link */
.wrapper-normal-hyperlink a {
	color: #0000ff;
	text-decoration: underline;
}