/*
Theme Name: InstaTheme
Theme URI: http://insta-theme.com
Description: Wordpress theme for membership site
Version: 1.56
Author: <a href="http://insta-theme.com" target="_blank">Suzanna Theresia</a>
Author URI: http://insta-theme.com
Details URI: http://instatheme.com/changelog/
*/

/*= IMPORTS
 --------------------------------------*/
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('//fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('//fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('//fonts.googleapis.com/css?family=PT+Serif:400,700');
@import url('//fonts.googleapis.com/css?family=PT+Serif+Caption');
@import url('//fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('assets/css/bootstrap.css');

/* MULTI LEVEL DROP-DOWN MENUS */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* BOOTSTRAP COLUMNS HACKS FOR EQUAL HEIGHTS */
#main {
	margin:0;
	padding:0;
}

.container-xs-height {
    display:table;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

/* Extra Button Size */
.btn-xlg {
  padding: 12px 18px !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
}
.btn-group > .btn-xlg + .dropdown-toggle {
  padding-right: 14px;
  padding-left: 14px;
}
.btn-xlg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-xlg .caret {
  border-width: 0 5px 5px;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* =Simple Grid/Columns
-------------------------------------------------------------- */
.insta-row {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.insta-row:before, .insta-row:after {
	content: " ";
	display: table;
}
.insta-row:after {
	clear: both;
}
.insta-col-1, 
.insta-col-2, 
.insta-col-3, 
.insta-col-4, 
.insta-col-5, 
.insta-col-6, 
.insta-col-7, 
.insta-col-8, 
.insta-col-9, 
.insta-col-10, 
.insta-col-11, 
.insta-col-12 {
	float: left;
	margin: 0;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	border:0px solid rgba(0,0,0,0);
}

.insta-col-1 { width:8.33333333333%; }
.insta-col-2 { width:16.6666666667%; }
.insta-col-3 { width:25.0%; }
.insta-col-4 { width:33.3333333333%; }
.insta-col-5 { width:41.6666666667%; }
.insta-col-6 { width:50.0%; }
.insta-col-7 { width:58.3333333333%; }
.insta-col-8 { width:66.6666666667%; }
.insta-col-9 { width:75.0%; }
.insta-col-10 { width:83.3333333333%; }
.insta-col-11 { width:91.6666666667%; }
.insta-col-12 { width:100%; }

/* =Simple Grid/Columns for post/page contents
-------------------------------------------------------------- */
.icontent-row {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding:8px 0;
	min-height: 100px;
}
.icontent-row:before, .icontent-row:after {
	content: " ";
	display: table;
}
.icontent-row:after {
	clear: both;
}
.icontent-col {
	float: left;
	margin: 0;
	padding:0;
	margin-right: 2%;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	border:0px solid rgba(0,0,0,0);
	-moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    min-height: 100px;
}
.icontent-col-mini {
	float: left;
	margin: 0;
	padding:0;
	margin-right: 2%;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	border:0px solid rgba(0,0,0,0);
	-moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

.insta-col-last,
.icontent-row .insta-col-last {
	margin-right:0 !important; 
}
/* =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;
}

/* =Social Profiles
-------------------------------------------------------------- */
.fading_group a {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.fading_group a img { margin-right: 5px;}
.fading_group:hover a, .fading_group:hover span { opacity:0.3; filter:alpha(opacity=30); }
.fading_group a:hover, .fading_group span:hover { opacity:1; filter:alpha(opacity=100); }

.social_profiles {
	margin-bottom:16px;
}
.social_profiles a { vertical-align: middle; }
.social_icons { 
	margin-right: 5px; width: 32px; height: 32px;
	background-image: url(images/icons/socials2_gray.png); 
	background-repeat: no-repeat;
	display: inline-block;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.social_icons:hover { background-image: url(images/icons/socials2_color.png); }
.facebook:hover { background-position: 0 0; } .facebook { background-position: 0 0; }
.twitter:hover { background-position: -32px 0; } .twitter { background-position: -32px 0; }
.linkedin:hover { background-position: -64px 0; } .linkedin { background-position: -64px 0; }
.youtube:hover { background-position: -96px 0; } .youtube { background-position: -96px 0; }
.googleplus:hover { background-position: -128px 0; } .googleplus { background-position: -128px 0; }
.pinterest:hover { background-position: -160px 0; } .pinterest { background-position: -160px 0; }
.rss:hover { background-position: -192px 0; } .rss { background-position: -192px 0; }

/* =InstaAttention Bar
-------------------------------------------------------------- */
#woahbar {
	margin:0;
	padding:0;
	z-index:9999;
}

#woahbar:after {
	clear:both;
	margin:0;
	padding:0;
}

.woahbar {
	margin:0;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	font-size: 16px;
	color: rgba(0,0,0, 0.4);
	background: #95b400; /* default color */
  	height:35px;
}

.woahbar .woahbar-inner {
	float:left;
	width:100%;
	text-align:center;
	border-bottom: 2px solid rgba(3,3,3,0.2);
	height:35px;
	margin:0;
	line-height:33px;
}
.woahbar .transbg_line2, .woahbar .transbg_line { margin-top:25px; position: relative; }
.woahbar .woahbar-inner a { color: rgba(0,0,0, 0.5); border-bottom: 1px dotted #ccc; text-decoration:none; }
.woahbar .woahbar-inner a:hover { color: rgba(0,0,0, 0.2); border-bottom:1px solid #ccc; }

.woahbar-link{ text-decoration:underline }
.woahbar-down-arrow:hover{opacity:0.60;}
.woahbar-up-arrow:hover{opacity:0.60;}
.close-notify {
	float:right;
	margin-right:15px;
	margin-top:-33px;
	color:#fff;
	width:28px;
	height:35px;
	text-decoration:none;
	cursor:pointer;
	position: relative;
}

.woahbar-stub {
	display:none;
	position:fixed;
	top:-10px;
	right:0;
	height:36px;
	z-index:9999;
	text-align:center;
	padding:7px 0;
}

.show-notify {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	float:right;
	margin-right:12px;
	color:#eee;
	width:38px;
	height:36px;
	text-decoration:none;
	background: #95b400; /* default color */
	cursor:pointer;
	padding:0;
  	border: 2px solid #FFF;
	-webkit-box-shadow: 2px 0 6px 1px rgba(0,0,0,0.1);
	box-shadow: 2px 0 6px 1px rgba(0,0,0,0.1);
}

/*= MEMBER'S NOTE
 --------------------------------------*/
.insta-content-note {
	max-width:100%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-bottom:20px;
	margin-bottom:28px;
}

.insta-content-note h3 {
	display:block;
	margin:0 !important;
	background:#a7a7a7;
	color:#FFF;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	padding:5px 15px;
}

.insta-note-text,
.insta-note-editor {
	margin:10px 15px;	
}

.insta-note-date {
	position:relative;
	padding:5px 15px;
	background:#ccc;
}

.insta-note-btns {
	position:absolute;
	top:3px;
	right:15px;
}

.insta-note-date-txt {
	font-size:12px;
	font-style:italic;
	color:#808080;
}

.insta-note-editor-field {
	width:99%;
	height:150px;
}

/* =Boxes
-------------------------------------------------------------- */
.insta-content-el {
	max-width: 100%;
}
.insta-box-placeholder {
	margin-bottom:28px;
}
.insta-box-element {
	background-color: #e5e5e5;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.insta-box-element {
	max-width:100%;
	margin:10px auto;
	min-height:50px;	
}
.insta-box-content {
	padding:15px 20px;	
}
.insta-box-shadow {
	-webkit-box-shadow:  1px 2px 6px 2px rgba(0, 0, 0, 0.2);
	box-shadow:  1px 2px 6px 2px rgba(0, 0, 0, 0.2);
}

/*= MISC
 --------------------------------------*/
.btn-purple {
	background-color: hsl(312, 80%, 27%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a9128b", endColorstr="#7b0d65");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#a9128b), to(#7b0d65));
	background-image: -moz-linear-gradient(top, #a9128b, #7b0d65);
	background-image: -ms-linear-gradient(top, #a9128b, #7b0d65);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9128b), color-stop(100%, #7b0d65));
	background-image: -webkit-linear-gradient(top, #a9128b, #7b0d65);
	background-image: -o-linear-gradient(top, #a9128b, #7b0d65);
	background-image: linear-gradient(#a9128b, #7b0d65);
	border-color: #7b0d65 #7b0d65 hsl(312, 80%, 24.5%);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
	-webkit-font-smoothing: antialiased;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.btn-purple.disabled,
.btn-purple[disabled] {
  color: #ffffff;
  background-color: #7b0d65;
  *background-color: #6b0957;
}
.btn-purple:active,
.btn-purple.active {
  background-color: #670954 \9;
}

/* scrolltop */
#back-top {
	position: fixed;
	bottom: 1%;
	left: 1%;
}

#back-top a { 
	width: 40px;
	height: 40px;
	line-height: 30px;
	display: block;
	margin-bottom: 7px;
  	background: #111;
  	color: #fff;
  	font-size: 30px;
  	text-align: center;
  	font-weight: bold;
  	opacity: 0.3;
  	/* transition */
  	-webkit-transition: 1s;
  	-moz-transition: 1s;
  	transition: 1s;
  	-webkit-border-radius: 23px;
  	-moz-border-radius: 23px;
  	border-radius: 23px;
}
#back-top a:hover {
	color: #fff;
	opacity: 1; 
	text-decoration: none;
}

/* misc */
.insta-video-container {
	padding:15px 0 16px 0;
	text-align:center;
}
iframe,
video,
embed {
	max-width:100%;
}
.insta-col-border {
	border:1px dashed #e5e5e5;
	text-align:center;
}
.insta-col-type {
	padding:5px;
	cursor: pointer;
	margin-bottom:10px;
	border:1px solid #E5E5E5;
	color: #808080;
}
.insta-col-type:hover,
.insta-col-type:focus,
.insta-col-type-active,
.insta-col-type:hover .insta-col-border,
.insta-col-type:focus .insta-col-border,
.insta-col-type-active .insta-col-border {
	border-color:#468847;
	color:#468847;
	background:#dff0d8;
}
.insta-caption {
	display:inline-block;
	padding:10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.insta-caption-txt {
	margin:0 0 16px;
	padding:0;
	text-align:center !important;
}
.insta-caption-shadow {
	-webkit-box-shadow:  1px 2px 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow:  1px 2px 3px 1px rgba(0, 0, 0, 0.1);
}
.insta-divider {
	min-height:30px;
	height:30px;
	margin-bottom: 30px !important;
	margin-left: auto;
	margin:auto;
	border:1px solid transparent;
}
.insta-alert {
	margin-bottom:24px;
}
.insta-alert p {
	padding:0 !important;
	margin:0 !important;
}
.insta-col-placeholder,
.insta-content-el-image,
.insta-heading {
	margin:0 0 24px;
	padding:0;
}

.insta-heading {
	line-height: 1.3;
}
.entry-content {
	position:relative;
	padding:15px 0;
}
/* = MEDIA QUERIES
 --------------------------------------------*/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.insta-col-1, 
	.insta-col-2, 
	.insta-col-3, 
	.insta-col-4, 
	.insta-col-5, 
	.insta-col-6, 
	.insta-col-7, 
	.insta-col-8, 
	.insta-col-9, 
	.insta-col-10, 
	.insta-col-11, 
	.insta-col-12 {
		float: none !important;
		width:100%;
	}
	
	.icontent-col {
		float: none !important;
		margin-left:0 !important;
	}
	.icontent-col-1, 
	.icontent-col-2, 
	.icontent-col-3, 
	.icontent-col-4, 
	.icontent-col-5, 
	.icontent-col-6 {
		width:100%;
	}
	
	#site-header {
		float:none;
		width:100% !important;
		max-width:100% !important;
		text-align: center;
	}
	
	#logo {
		display:inline-block;
		text-align: center;
		width:100% !important;
		max-width:100% !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	#main-menu {
		width:100% !important;
		max-width:100% !important;
		text-align:center;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.insta-col-1, 
	.insta-col-2, 
	.insta-col-3, 
	.insta-col-4, 
	.insta-col-5, 
	.insta-col-6, 
	.insta-col-7, 
	.insta-col-8, 
	.insta-col-9, 
	.insta-col-10, 
	.insta-col-11, 
	.insta-col-12 {
		float: none !important;
		width: 100%;
	}
	.icontent-col {
		float: none !important;
		margin-left:0 !important;
	}
	.icontent-col-1, 
	.icontent-col-2, 
	.icontent-col-3, 
	.icontent-col-4, 
	.icontent-col-5, 
	.icontent-col-6 {
		width:100%;
	}
	#site-header {
		float:none;
		width:100% !important;
		max-width:100% !important;
		text-align: center;
	}
	
	#logo {
		display:inline-block;
		text-align: center;
		width:100% !important;
		max-width:100% !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	#main-menu {
		width:100% !important;
		max-width:100% !important;
		text-align:center;
	}
}

.main-fullwidth {
	width: 100% !important;
	max-width:100%;
	margin:0;
	display:block !important;
}