/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily ========================================================================== */

@import url(jive-icons.css); 

@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700); 
@import url(//fonts.googleapis.com/css?family=Great+Vibes);

@font-face{
	font-family:"HelveticaNeueW01-77BdCn";
	src:url("fonts/HelveticaNeueW1-77BdCn.woff") format("woff");
}

html, body {width:100%; padding:0; margin:0;}

body {
	overflow-x: hidden;
	font-size: 14px;
	line-height: 1.45;
	font-family: Arial,sans-serif;
	color: #000;
}

html, button, input, select, textarea {
	font-family: sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6, .page-header, .subheading-category, .componentheading, .contentheading {
        font-family: 'Droid Sans', Arial, Helvetica, sans-serif; 
}

div.itemHeader h2.itemTitle {
        font-family: 'Great Vibes', cursive; font-size:48px; line-height:60px; color:#937bb8; font-weight:normal; border-bottom: #dddddd 1px solid; 
} 

h3 {
        font-family: 'Great Vibes', cursive; font-size:38px; line-height:60px; color:#937bb8; font-weight:normal; 
} 

h3 strong { 
	font-family: 'PT Sans Narrow', sans-serif; font-size:38px; line-height:54px; font-weight:bold; color:#b3b3b3;
}

h4 {
        font-family: 'Great Vibes', cursive; font-size:28px; line-height:60px; color:#937bb8; font-weight:normal; 
} 

h4 strong { 
	font-family: 'PT Sans Narrow', sans-serif; font-size:28px; line-height:60px; font-weight:bold; color:#b3b3b3; margin-top:-5px; display:inline-block;
}

.h4-border {border-bottom:#dddddd 1px solid;}

.uk-clearfix:before, .uk-clearfix:after {
  display: none }

.tm-headerbar {
	margin-top: 0px;
	margin-bottom: 0px; 
}

.tm-footer {
	margin-top: 5px;
	margin-bottom: 0px;
} 
.uk-grid:not(.uk-grid-preserve) + .uk-grid {
	margin-top: 5px;
/*	margin-left: -5px;*/
}

.tm-navbar, .uk-navbar {
	background: transparent; 
	margin-top: 0px;
	margin-bottom: 122px;
}

.frontpage .tm-navbar, .frontpage .uk-navbar {
	background: transparent; 
	margin-top: 0px;
	margin-bottom: 410px;
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {*/
@media (max-width: 1000px) {
	.tm-navbar, .uk-navbar {
		margin-bottom: 87px;
	}
	.frontpage .tm-navbar, .frontpage .uk-navbar {
		margin-bottom: 375px;
	}
}

/*@media (min-width: 1100px) {
  .tm-headerbar {
     margin-top: 0px; margin-bottom: 0px; } .tm-navbar { margin-top: 0px; margin-bottom: 10px; } .tm-footer { margin-top: 5px; margin-bottom: 0px; 
  } .uk-grid:not(.uk-grid-preserve) + .uk-grid {
     margin-top: 5px; margin-left: -5px;
  } 
}*/

.uk-panel-box {
	padding: 10px; 
	background: #ffffff; 
	color: #444444; 
	border: 1px solid #ddd;
}

.uk-navbar-nav {
	position: absolute;
	left: 288px;
	background: transparent; 
	border-bottom: 1px solid #ddd;
	z-index: 3;
}

.tm-logo {
	position: absolute;
	left: 20px;
}

.uk-navbar-nav > li {
        float: left;
	line-height: 24px; 
	margin: 0px 0px 0px 13px; 
}

.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li.uk-open > a {
	background-color: rgba(255,255,255,0.65);
}

.uk-navbar-nav > li > a {
        font-size: 16px; line-height: 24px; color: #fff; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; display: inline-block; 
        text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 61px 22px 13px 23px; height: 95px;
}

/* Don't resize search field leave it as default */ 
.uk-search-field:focus, .uk-search.uk-active .uk-search-field {
  width: 120px; }

/* Reduce space from 20px */ 
p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure {
  margin: 0 0 5px 0; }

.tm-main > :nth-child(n+2) {
	margin-top: 0px; }

div.itemHeader h2.itemTitle {
  /*font-family: Georgia, "Times New Roman", Times, serif; font-family: 'Strait',Arial,Helvetica,sans-serif; font-size: 36px; font-size: 2em; 
  font-weight: normal; line-height: 110%;*/ line-height: 1.5; /*padding: 10px 0 4px 0;*/ padding: 0; margin: 0; /*margin-bottom: 0.7em;*/
}

/* Customizacion para sitio de Matrimonios */ /* Large screen and bigger */
@media (min-width: 1100px) {
  .uk-container { /* max-width: 1200px;*/
    max-width: 80%; padding: 0 35px;
  } }

.homepage-header .homepage-header-wrapper {
	position: relative;
	height: 112px;
	right: 0;
	left: 0;
}

.frontpage .homepage-header .homepage-header-wrapper {
	height: 390px;
}

.page-header-text {
	display: none;
}

.frontpage .page-header-text {
	display: inline-block;
}

.page-header-text h1 {
	font-size: 1.71429em; 
	font-family: "HelveticaNeueW01-77BdCn",sans-serif;
	font-weight: normal; 
	font-style: normal; 
	text-transform: uppercase;
}

.frontpage .page-header-text h1 {
	color: #fff; line-height: 1.0625; font-size: 2.21429em;
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.frontpage .page-header-text h1 {
        font-size: 2.42857em;
}}*/

@media (min-width: 568px) {
.frontpage .page-header-text h1 {
        font-size: 2.42857em;
}}

@media (min-width: 640px) {
.frontpage .page-header-text h1 {
        font-size: 2.71429em;
}}

@media (min-width: 768px) {
.frontpage .page-header-text h1 {
        font-size: 3.14286em;
}}

@media (min-width: 900px) {
.frontpage .page-header-text h1 {
        font-size: 3.42857em;
}}

@media (min-width: 1100px) {
.frontpage .page-header-text h1 {
        font-size: 3.85714em;
}
}

.wrapper, .frontpage .page-header-text h1 {
	position: absolute;
	max-width: 940px;
	margin-right: 15px;
	margin-left: 15px;
	left: 0;
	top: 35%;
}

@media (min-width: 640px) {
.wrapper, .frontpage .page-header-text h1 {
	margin-right: 30px;
	margin-left: 30px;
}}

@media (min-width: 1000px) {
.wrapper, .frontpage .page-header-text h1 {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page-header {
	position: relative;
	text-align: center;
	overflow: hidden;
	background-color: #0005CFF;
	background-size: cover;
	background-repeat: no-repeat;
	height: 180px;
	display: table;
	width: 100%;
	z-index: -1;
	margin: 0 auto; 
	position: absolute; left: 0px; top: 0px; 
}

.page-header.homepage-header {
	height: 122px;
}

.frontpage .page-header.homepage-header {
	height: 390px;
}

.page-header.homepage-header {
        background-image: url(/images/rm_background_mar_paginas.jpg);
}

.frontpage .page-header.homepage-header {
        background-image: url(/images/rm_background_mar.jpg);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ Menu for  mobile devices */

.nav-trigger, label[for="nav-trigger"] {
	display: none;
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {*/
@media (max-width: 1000px) {
.nav-trigger, label[for="nav-trigger"] {
	display: block;
}
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {*/
@media (max-width: 1000px) {
.uk-navbar-nav {
	list-style: none;
	background: #8b99c8;
	width: 100%;
/*	height: 100%;
	position: fixed;*/
	position: absolute;
	top: 0;
	right: 0;
/*	bottom: 0;*/
	left: inherit;
	z-index: 0;
	width: 180px;
}
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {*/
@media (max-width: 1000px) {
.uk-navbar-nav > li {
        float: none;
	margin: 0px 0px 0px 0px;

	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
}


/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {*/
@media (max-width: 1000px) {
.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li.uk-open > a {
	padding: 1em; 
	height: 50px;
}
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {*/
@media (max-width: 1000px) {
.uk-navbar-nav > li > a {
	height: 50px;

	display: block;
	padding: 1em;
/*	background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);*/
	color: white;
/*	font-size: 1.2em;
	text-decoration: none;
	transition: color 0.2s, background 0.5s;*/
}
}

.site-wrap {
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
    position: relative;
    top: 0;
    bottom: 100%;
    right: 0;
    z-index: 1;

    background-image: linear-gradient(135deg, 
                      rgb(254,255,255) 0%,
                      rgb(221,241,249) 35%,
                      rgb(160,216,239) 100%);
    background-size: 200%;
}

.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
    position: relative;
    top: 15px;
    right: 15px;
	float: right;
    z-index: 2;

    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6' style='fill:white'/><rect y='24' width='30' height='6' style='fill:white'/><rect y='12' width='30' height='6' style='fill:white'/></svg>");
    background-size: contain;
}

.nav-trigger:checked + label {
    right: 195px;
}

.nav-trigger:checked ~ .site-wrap {
    right: 180px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {*/
@media (min-width: 1000px) {
.nav-trigger:checked ~ .site-wrap {
    right: 0px;
}
}

.nav-trigger + label, .site-wrap {
    transition: right 0.2s;
}

/* Micro reset 
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}*/

.uk-navbar-nav {
	display: block !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++++ */
/* For collapsable comments */

.itemComments input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.itemComments .itemCommentsForm {
    display: none;
    visibility: hidden;
}

.itemComments [for="add_comment"] {
    margin-top: -12px;
    color: #1fa2d6;
}

.itemComments [for="add_comment"] > span {
    position: relative;
    left: 20px;
    margin-top: -3px;
    width: 220px;
    float: left;
}

.itemComments [for="add_comment"] > span:hover {
    color: #0074a2;
    text-decoration: underline;
}

.itemComments [for="add_comment"] span:last-of-type {
    display: none;
    visibility: hidden;
}

.itemComments input[type=checkbox]:checked ~ .itemCommentsForm {
    display: block;
    visibility: visible;
}

.itemComments input[type=checkbox]:checked ~ [for="add_comment"] span:first-of-type {
    display: none;
    visibility: hidden;
}

.itemComments input[type=checkbox]:checked ~ [for="add_comment"] span:last-of-type {
    display: block;
    visibility: visible;
}