/*
    Theme Name: clubm
    Theme URI: clubm.ie
    Description: clubm theme
    Author: IDEA
*/

/* =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;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

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%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
a img {
    border: none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* =Global settings
-------------------------------------------------------------- */
body, input, textarea {
    font-family: Verdana,Arial,Trebuchet MS;
    font-size: 12px;
    color: #fff;
}

body {
    margin: 0;
    padding: 0;
    background: #000 url('images/background.jpg') no-repeat 50% 0;
}

h1 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0;
    margin-top: 0;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0;
    margin-top: 0;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0;
    margin-top: 0;
}

a,
a:hover,
a:visited {
    color: #fff;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
blockquote,
.italic {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}
blockquote {
    font-size: 1.2em;
}
p {
    margin: 5px 0 10px 0;
}

/* =Layout
-------------------------------------------------------------- */
#page.container {
    width: 1100px;
    margin: 0 auto;
}
#main {
    overflow: hidden;
}
#primary {
}

/*HEADER*/
#branding {
    height: 100px;
    position: relative;
}

#homepage-link {
    position: absolute;
    width: 373px;
    height: 159px;
    display: block;
    background: transparent url('images/club_m_logo.png') no-repeat;
    float: left;
    margin-top: -40px;
    margin-left: -50px;
}

#menu-main-wrapper {
    padding-top: 57px;
    float: right;
}

#menu-main {
    width: 765px;
    margin: 0;
    height: 43px;
    list-style: none;
    background-color: #1a213e;
}

#menu-main li {
    line-height: 39px;
    display: inline;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 8px;
    margin-right: 8px;
}

#menu-main li:last-child {
	margin-right: 0;
}
li.current-menu-item a,
li.current_page_item a,
#menu-main li a:hover {
    color: #ec2a7b;
    text-decoration: none;
}

/*HOME PAGE*/
#primary {
    overflow: hidden;
}
div.column.left {
    width: 726px;
    float: left;
}
div.column.right {
    width: 360px;
    float: right;
    height: 519px;
}
div.column.right.new {
	height: auto;
}
#slides {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 726px;
    height: 346px;
    overflow: hidden;
    position: relative
}

#slides li {
    position: absolute;
    width: 726px;
    height: 346px;
    overflow: hidden;
}

#boxes {
    margin-top: 10px;
    width: 726px;
    overflow: hidden;
    height: 163px;
}

#boxes div {
    float: left;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}

#boxes div.right {
    margin-right: 0;
}
.hp-box-label {
	width: 206px;
	height: 40px;
	padding-top: 2px;
	position: absolute;
	text-align: center;
	top: 130px;
	left: 15px;
	z-index: 10;
	font-size: 20px;
	background-color: #000;
}
#boxes a:hover,
.hp-box-label.active {
	color: #ec2a7b;
}

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%;

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

.transparent75 {
    background: transparent url('images/box-background.png');
}

.intro-text {
    margin: 20px;
}
.intro-text h1 {
	padding-top: 25px;
    font-size: 26px;
    margin-bottom: 5px;
    padding-bottom: 0;
}
.intro-text {
    font-size: 13px;
    line-height: 20px;
}
#join-newsletter {
    margin: 40px 20px 20px;
}
#join-newsletter h3 {
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
}
#join-newsletter h3 .join {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
#join-newsletter h2.widgettitle {
    display: none;
}
input[type=email],
input[type=text] {
    color: #999;
    padding: 5px;
    font-size: 13px;
}
input[type=submit] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0 1px;
    border-bottom: 1px solid #787baa;
    color: #787baa;
    text-decoration: none;
    font-size: 13px;
}

ul.social {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.social li {
    float: left;
}
ul.social li a {
    display: block;
    height: 30px;
}

.social .facebook {
    width: 19px;
    background: transparent url('images/facebook-white-icon.png') no-repeat 0 0;
}
.social .twitter {
    width: 32px;
    background: transparent url('images/twitter-white-icon.png') no-repeat 0 0;
}

.column.right .social {
    float: right;
    margin: 10px 10px 0 0;
}



/*FOOTER*/
#footer-wrapper {
    margin-bottom: 20px;
}
#footer-content {
    margin-top: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 108px;
    color: #787baa;
}
#footer-content a {
    color: #787baa;
}
.footer-left {
    width: 726px;
    height: 108px;
    float: left;
}
.footer-right {
    width: 360px;
    height: 108px;
    float: right;
}
.footer-left {
    position: relative;
}
.footer-left p {
    text-align: left;
    text-indent: 20px;
    margin-top: 80px;
}

.footer-left p a {
	text-decoration: underline;
}

.footer-right div {
    margin: 0 20px;
    font-size: 11px;
}
.footer-right h2 {
    margin: 10px 0 2px 0;
    font-size: 14px;
    text-transform: none;
    color: #fff;
    font-weight: normal;
    padding: 0;
}

.footer-left .social {
    position: absolute;
    right: 5px;
    top: 67px;
    z-index: 2;
}
.footer-left .social .facebook {
    width: 21px;
    height: 29px;
    background: transparent url('images/facebook-dark-icon.png') no-repeat;
}

.footer-left .social .twitter {
    width: 30px;
    height: 29px;
    background: transparent url('images/twitter-dark-icon.png') no-repeat;
}

.footer-with-sidebar {
	margin-top: 10px;
	position: relative;
	height: 188px;
	overflow: hidden;
}

.footer-with-sidebar .content_wrapper {
	margin: 0 20px;
	padding: 10px 0;
	line-height: 1.5em;
}
.footer-with-sidebar .contact_details {
	position: absolute;
	left: 0;
	bottom: 5px;
	margin: 0 20px;
	color: #787baa;
}

.footer-with-sidebar .contact_details a {
	color: #787baa;
	text-decoration: underline;
}

.footer-with-sidebar .social {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 2;
}
.footer-with-sidebar .social .facebook {
    width: 21px;
    height: 29px;
    background: transparent url('images/facebook-dark-icon.png') no-repeat;
}

.footer-with-sidebar .social .twitter {
    width: 30px;
    height: 29px;
    background: transparent url('images/twitter-dark-icon.png') no-repeat;
}


#designed-by {
    text-align: right;
}
#designed-by a {
    color: #787baa;
    font-size: 11px;
    text-decoration: underline;
}

/*PAGES*/
.page #primary {
    margin-top: 15px;
}
.page #content {
    margin: 20px;
    min-height: 400px;
    font-size: 13px;
    line-height: 20px;
}

/* SIDEBAR */
#sidebar_wrapper {
	margin: 0 10px;
	padding: 20px 0;
}
#sidebar_wrapper .open_hours,
#sidebar_wrapper .newsletter_wrapper {
	margin: 0 10px;
}
#sidebar_wrapper .open_hours {
	font-size: 11px;
	line-height: 15px;
	color: #787BAA;
}
#sidebar_wrapper .open_hours h2 {
	font-size: 13px;
	color: #fff;
}

/* SOCIAL FEEDS */
#facebook_feed {
	background-color: #fff;
/* 	border: 1px solid #787BAA; */
	height: 165px;
	margin-bottom: 10px;
	overflow: hidden;
}
#facebook_feed .iframe_wrapper {
	height: 155px;
	overflow: hidden;
}

#facebook_feed .iframe_wrapper h2 {
	display: none;
}

#twitter_feed {
	background: #8fd2fc url('images/twitter_icon.png') no-repeat 10px 215px;
	height: 240px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	margin-bottom: 10px;
}
#twitter_feed h3 {
	text-transform: none;
	margin: 0;
	padding: 5px 10px 10px;
}
#twitter_feed .feed_wrapper {
	margin-top: 0px;
	height: 170px;
	background-color: #fff;
	overflow: auto;
	color: #999;
}
#twitter_feed .feed_wrapper a {
	color: #787BAA;
}
#twitter_feed ul {
	margin: 0;
	padding: 5px 10px;
	list-style-type: none;
}
#twitter_feed li {
	padding: 5px 0;
	border-bottom: 1px solid #c0c0c0;
}
#twitter_feed .tweet_avatar {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
#sidebar_wrapper .banner {
	margin-bottom: 10px;
}
#sidebar_wrapper .banner a {
	display: block;
	height: 240px;
	overflow: hidden;
}

/* NEWSLETTER */
.newsletter_wrapper h3 {
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
}
.newsletter_wrapper h3 .join {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
}
.newsletter_wrapper h2.widgettitle {
    display: none;
}
input[type=email],
input[type=text] {
    color: #999;
    padding: 5px;
    font-size: 13px;
}
input[type=submit] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0 1px;
    border-bottom: 1px solid #787baa;
    color: #787baa;
    text-decoration: none;
    font-size: 13px;
}
/* PAGE SIDEBAR  */
.page-template-page_sidebar-php #content {
	margin: 0;
	width: 726px;
	min-height: 519px;
	float: left;
}

.page-template-page_sidebar-php .entry-content {
	margin: 20px;
}

#modal-form-newsletter {
	font-family:'Rotis Semi Sans W01';
	font-weight: 400;
	width: 500px;
	margin: 0 auto;
	text-transform: uppercase;
	position: relative;
	margin-top: 150px;
	padding: 15px 20px 20px;
	background: #000;
	background-color: rgba(0, 0, 0, .6);
}
.mfp-close-btn-in #modal-form-newsletter .mfp-close {
  color: #fff;
  margin-top: -32px;
  margin-right: -12px;
}

#modal-form-newsletter .h2 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 15px;
}
#modal-form-newsletter .h2.header {
	font-weight: 700;
	border-top: 1px solid #787baa;
	padding-top: 15px;
}
#modal-form-newsletter .h2.large-pink {
	padding-top: 15px;
	color: #ec2a7b;
}
#modal-form-newsletter .h3 {
	text-align: center;
	font-size: 19px;
}
#modal-form-newsletter .h2 .amount {
	font-size: 29px;
	font-weight: 700;
}
#modal-form-newsletter form {
	text-align: center;
}
#modal-form-newsletter input[type="text"] {
	width: 450px;
}
#modal-form-newsletter .newsletter-submit {
	color: #fff;
	border-bottom: none;
	font-weight: 400;
	font-size: 14px;
}