/*

Theme Name: MerryLove

Theme URI: http://underscores.me/

Author: CloselyCoded

Author URI: http://www.closelycoded.com

Description: MerryLove Weddings

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: merrylove

Tags:



*/

#menu-main-menu {
  margin: auto!important;
  padding: auto!important;
  margin-left: auto!important;
  padding-left: auto!important;
  margin-right: auto!important;
  padding-right: auto!important;
}
input[type=checkbox]
{
  -webkit-appearance:checkbox!important;
}

.ui-datepicker-header {
  color: #444!important;
  font-weight: bold!important;
  text-shadow: none!important;
}
.ui-datepicker td a, .ui-datepicker td span {
  text-shadow: none!important;
}
.ui-datepicker-calendar .ui-state-default {
  background: #f6ac8d url(http://www.merryloveweddings.com/wp-content/themes/marrylove/images/ui-bg_flat_100_f6ac8d_40x100.png) 50% 50% repeat-x!important;
}
#stylingpage input[type=text], #stylingpage input[type=email], #stylingpage input[type=number], #stylingpage textarea, #stylingpage select {
  width: 100%!important;
}


html {

  box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

  box-sizing: inherit;

}

body{

  background: #ffffff; 

  color: #666666;

  font-family: "Open Sans", Arial, Helvetica, sans-serif;

  line-height:1.5;

}

img{

  max-width:100%;

  height:auto;

  border:0;

  vertical-align:middle;

  -ms-interpolation-mode:bicubic;

}

.text-center{

  text-align: center;

}

.text-right{

  text-align: right;

}

.text-italic{

  font-style: italic;

}

/* 

---------------------------------------

Wordpress Core

---------------------------------------

*/

.alignnone {

  margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

  display: block;

  float: none;

  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-right: auto;

  margin-left: auto;

}

.wp-caption {

  padding: 5px 3px 10px;

  max-width: 96%; /* Image does not overflow the content area */

  border: 1px solid #f0f0f0;

  background: #fff;

  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 {

  margin: 0;

  padding: 0;

  max-width: 98.5%;

  width: auto;

  height: auto;

  border: 0 none;

}

.wp-caption p.wp-caption-text {

  margin: 0;

  padding: 0 4px 5px;

  font-size: 11px;

  line-height: 17px;

}

.sticky { color:red; }

.gallery-caption { }

.bypostauthor { }



/*-----------

GRID

-------------*/

.container-1200{

  margin: 0 auto;

  padding-right: 10px;

  padding-left: 10px;

  max-width: 1200px;

  width: 100%;

}

.container-1280{

  margin: 0 auto;

  padding-right: 10px;

  padding-left: 10px;

  max-width: 1280px;

  width: 100%;

}

.container-1360{

  margin: 0 auto;

  padding-right: 10px;

  padding-left: 10px;

  max-width: 1360px;

  width: 100%;

}

.grid-20{

  float: left;

  padding-right: 10px;

  padding-left: 10px;

  width: 20%;

}

.grid-25{

  float: left;

  padding-right: 10px;

  padding-left: 10px;

  width: 25%;

}

.grid-33{

  float: left;

  padding-right: 10px;

  padding-left: 10px;

  width: 33.33%;

}

.grid-40{

  float: left;

  padding-right: 10px;

  padding-left: 10px;

  width: 40%;

}

.grid-75{

  float: left;

  padding-right: 10px;

  padding-left: 10px;

  width: 75%;

}

.grid-100{

  clear: both;

  padding-right: 10px;

  padding-left: 10px;

  width: 100%;

}

.grid-parent{

  padding: 0;

}

.clear {

  display: block;

  visibility: hidden;

  clear: both;

  overflow: hidden;

  width: 0;

  height: 0;

}

.container-1200:before,

.container-1200:after,

.container-1280:before,

.container-1280:after,

.container-1360:before,

.container-1360:after,

.clearfix:before,

.clearfix:after {

  display: block;

  visibility: hidden;

  overflow: hidden;

  width: 0;

  height: 0;

  content: ".";

  font-size: 0;

  line-height: 0;

}

.container-1200:after,

.container-1280:after,

.container-1360:after,

.clearfix:after{  

  clear: both;

}

/*-----------

HEADER

-------------*/

#header{

  min-width: 100%;

  width: 100%;

  /* background: url('http://www.merryloveweddings.com/wp-content/themes/marrylove/images/header-bg.png') repeat-y center top; */

  padding: 64px 0 20px;

}

#logo{

  padding-bottom: 34px;

  /* padding-bottom: 64px; */

  /* padding-right: 20px; */

  /* width: 31.7%; */

  text-align: center;

}

#logo h1{

  margin: 0;

}

#navigation{

  /* float: left; */

  /* overflow: hidden; */

  /* padding-left: 30px; */

  /* width: 68%; */

  /* height: 110px; */

  /* background: #e52225; */

  /* text-align: center; */

  /* text-transform: uppercase; */

  /* font-size: 16px; */

  font-family: 'Josefin Slab',arial,sans-serif;

  font-size: 14px;

  text-transform: lowercase;
  display: table;
}

#navigation ul{

  margin: 0;

  padding: 0;

  list-style: none;
  display: table-row;

}

#navigation ul li{
  display: table-cell;
  position: relative;


}



#navigation ul li a{

  position: relative;

  display: table-cell;

  padding: 15px 13px;

  /* height: 110px; */

  /* background-color: #e52225; */

  color: #4d4d4d;

  vertical-align: middle;

  text-decoration: none;

  /* word-wrap: break-word; */

  /* line-height: 1.3; */

}

#navigation ul li.current-menu-item a,

#navigation ul li a:hover{

  color: #f6ac8d;

}

/*-----------

CONTENT

-------------*/

#popup-outer{

  position:fixed;

  top:0px;

  left:0px;

  z-index:888;

  display:none;

  background: url('images/bg-popup.png');

  width:100%;

  height:100%;  

}

#in-the-press-popup{

  width: 880px;

  position: absolute; 

  /* height: 600px; */

  background: #fff;

  top: 50%;

  left: 50%;

  margin-left: -440px;

  margin-top: 0px;

  z-index: 999;

}

#in-the-press-popup.press {
  width: 400px;
  margin-left: -200px;
}

#in-the-press-popup-inner{

  width: 100%;

  height: 600px;

}

#press-single-slider {
  margin: 0 auto;
  width: 400px;
}

.acf-map {

	width: 250px;

	height: 250px;

}

a.button.rental-popup{

  display: inline-block;

  padding: 11px 7px;

  font-size: 11px;

}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-state-hover{

  -webkit-transition: none;

  -o-transition: none;

  transition: none;

  cursor: pointer;

}

/*-----------

FOOTER

-------------*/

#footer{

  /*padding: 25px 0;*/

  width: 100%;

  /*border-top: 1px #CCCCCC solid;*/

  color: #636363;

  font-size: 9px;

}





/*-----------

pinterest

-------------*/

.wrapper-pinterest {

	position: relative;	

}

.inner-pinterest {

	position: absolute;

	top: 10px;

	right: 10px;

	opacity: 0;

	transition: all 1s ease;

}

.inner-pinterest a{

	display: block;

	width: 64px;

	height: 64px;

	background-image: url("images/icon-pinterest.png");

	background-position: 0 0;

	text-indent: -999em;

}

.wrapper-pinterest:hover .inner-pinterest {

	display: block;	

	opacity: 1;

}