/******************************************
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/

body {font-family: 'Carrois Gothic', sans-serif !important;}
#logo {text-align: center !important;padding: 10px 0;float: none !important;}
#logo span {display: none;}
.adv, #toggle-top {display: none !important;}

input:invalid, textarea:invalid {background-color: #ffffff !important;}

#mobile-nav-button {display:none;}
#mc_embed_signup .clear {height:50px;}

.smooth_slider_fouc .smooth_slider {padding:0px; width:100% !important; overflow:hidden;}
.smooth_slider .smooth_slideri {width:100% !important; margin:0px !important; left: 25px !important;}

.smooth_slider .smooth_slideri img {margin:0px; width:100%; position:relative; bottom:0px;}
.smooth_slider .smooth_next, .smooth_slider .smooth_prev {z-index:10;}

#slider .slide_content {display: none;}

div.navigation {display:none;}
#sidebar .facebook iframe {height:385px !important;}
.fb_iframe_widget {border-bottom: 1px solid #999; height: 385px !important;}

body.dMobile .inner-wrap {padding:0 5px; width:100%;}
body.dMobile .inner-wrap #logo img {width:80%;}
body.dMobile #mobile-menu #navbarsecond {display:none;}
body.dMobile #mobile-menu {margin:5px auto; display:block;}
body.dMobile #mobile-nav-button {display:block; border:1px solid #c1c1c1; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:50px; text-align:center;}
body.dMobile #navbarsecond .dropdown a {font-size:13px;}

body.dMobile .smooth_slider .smooth_slideri img {width:100%;}
body.dMobile .smooth_slider .smooth_next, body.dMobile .smooth_slider .smooth_prev {display:none;}
body.dMobile .full-width #content {width:100%;}
body.dMobile .full-width h1.archive_title {width:100%; font-size:24px;}
body.dMobile .galleria-container, body.dMobile .galleria-image {width:100% !important; max-width:100% !important;}
body.dMobile .galleria-image img {width:80%;}
body.dMobile .post .entry iframe {width:100%;}

.spacer {margin-bottom: 20px;}
.col-sm-4 {width: 30%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-6 {padding-right: 0 !important;padding-left: 0 !important;}
.col-sm-7 {width: 52%;}
.col-sm-12 {width: 100%;}
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px; float: left;}

.img-responsive {display: block;width: 100% \9;max-width: 100% !important;height: auto;}
.call {font-size: 40px;border-radius: 6px;background-color: #aaa;color: #fff;}
.call:hover, .wedding-form input[type=submit]:hover {background-color: #777;color: #fff;}
.wedding-form input[type=submit]  {font-size: 15px;font-weight:bold;border-radius: 6px;background-color: #aaa;color: #fff;}
.footer-images {clear: both; margin-left: -15px; margin-right: -15px;}
.row {margin-left: -15px; margin-right: -15px;content: ""; display: table;}
.wedding-links {margin: 30px 0 0;text-align: center;}
.image-spacer {
  margin-top: 30px;
}

#navbar-top {
  display: none;
}

.top-navbar {
  padding: 10px 0 0;
}

#main {
  padding-top: 15px;
}

.main-navbar .sf-menu > li {
    float: left;
}

.recent-post {
  margin: -1px 2% 40px 0;
  width: 32%;
}

#facebook-likebox-2 iframe {
  width: 100% !important;
}

.zoom-social_icons-list__item {
  float: left; 
  margin-left: 10px;
}

#smooth_slider_1 {
  margin: 0 auto;
}

.copyright {
  font-size: 12px;
}

/* All Mobile Sizes (devices and browser) */

@media screen and (max-width: 979px) {
  .col-sm-7 {width: 52%;}
  .col-sm-4 {width: 29%;}
}
@media screen and (max-width: 768px) {
  .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-12 {width:95%;}
  .col-sm-4 {padding-right: 5px;}
  #logo img {
    width: inherit;
  }
}
@media screen and (max-width: 640px) {
.recent-post .post-thumb img {width: 100% !important;margin-bottom: 5px;}
}

@media screen and (max-width: 480px) {
  .special-spacing {
    margin-top: 30px;
  }

  .row {
    margin-right: 0;
  }
}