/*
 Theme Name:   Romain
 Theme URI:    http://romaingauthier.net/
 Description:  Unwind Child Theme
 Author:       Studio Catnip
 Author URI:   http://studiocatnip.com
 Template:     siteorigin-unwind
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  romain
*/

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
  margin-bottom: 0.75rem;
}

p {
	margin-bottom: 1.5rem;
}

img, iframe {
    display: block;
    width: 100%;
}

a {
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}

table {
    font-family: 'Rubik', Helvetica, Arial, sans-serif !important;
}

table th,
table td {
    padding: 5px 10px;
}

table th,
table thead th {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #626262;
    color: #fff;
    font-weight: bold;
    font-size: inherit;
    padding: 5px 10px;
}

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

.clearfix:after {
    clear: both;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}

#masthead {
	/* background-color: #f5f5f5; */
  background-color: #e94034;
}

#masthead .top-bar {
	background: #e94034;
}

#masthead .site-branding {
  text-align: left;
  display: inline-block;
  text-align: center;
}

#masthead .site-branding,
#masthead .site-branding .site-title a {
  color: #fff;
}

#page #masthead .site-branding .site-title {
  font-family: 'Forum', sans-serif;
  /* font-weight: bold !important; */
  letter-spacing: 0.025em;
  border-bottom: 1px solid #f7b9b5;
  padding-top: 5px;
  font-size: 2.25em;
  display: inline-block;
  text-transform: none;
}

.site-desc {
  margin-bottom: 0;
  /* border-top: 1px solid #f28880; */
  margin-top: 1px;
  text-transform: uppercase;
  letter-spacing: 0.55em;
}

.site-nav {
  text-align: right;
}

.main-navigation > div {
  vertical-align: middle;
}

.main-navigation > div li {
    padding-right: 40px;
}

#masthead .main-navigation,
#masthead .widget_sow-social-media-buttons {
  display: inline-block;
  vertical-align: middle;
  float: none;
  line-height: 1;
}

#masthead .widget_sow-social-media-buttons {
  margin-left: 2em;
}

#masthead .so-widget-sow-social-media-buttons .sow-social-media-button {
	background: #fff;
  color: #e44036;
  padding: 6px;
  margin-left: 10px;
  border: 3px double #fff;
}

#page #masthead .so-widget-sow-social-media-buttons .sow-social-media-button:hover {
  border-color: #e84035;
  background: #fff;
  color: #e84035;
}

#masthead .main-navigation > div li a {
  font-size: 0.875em;
  /* font-family: "Overpass", sans-serif; 
  line-height: 5; */
  color: #f9d1cd;
}

#masthead .main-navigation .menu a:hover,
#masthead .main-navigation .current-menu-item a {
  color: #fff;
}

#masthead .menu-toggle:hover {
  background: none;
}

#masthead .menu-toggle .svg-icon-menu path {
  fill: #fff;
}

#masthead .to-close .svg-icon-menu path {
  fill: #2d2d2d;
}

.header-design-4 #mobile-navigation {
  top: 52px;
}

#mobile-navigation ul li {
  background: #2d2d2d;
  border-bottom-color: #232222;
}

#mobile-navigation ul li a {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .site-nav {
    padding-bottom: 1em;
  }

  .header-design-4 #page #masthead .site-branding {
    float: none;   
  }

  #masthead .main-navigation {
    float: left;
    padding: 0;
  }

  .main-navigation .menu-toggle {
      line-height: 1;
  }
}

@media only screen and (min-width: 768px) {
  .site-nav {
    text-align: right;
    padding-top: 1.5em;
  }

  .site-content {
    min-height: 600px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .main-navigation > div li {
      padding-right: 1rem;
  }

  #masthead .widget_sow-social-media-buttons {
    margin-left: 1rem;
  }
}

.content-column h2 {
	margin-bottom: 0.25em;
	font-size: 1.25em;
}

.content-column p:last-child {
  margin-bottom: 0;
}

.one_third {
	background: #f5f5f5;
    border-right: 20px solid #fff;
    text-align: center;
}

.one_half,
.one_third {
    padding: 1em;
    margin-bottom: 1em;
}

.one_third.last_column {
	border-right: 0;
}

#main .button {
	display: inline-block;
  background: #e84038;
  padding: 1em 1.5em;
  color: #fff;
  border-radius: 2px;
  margin-top: 1em;
  font-weight: bold;
  letter-spacing: 0.05em;
  border: 0;
}

#main .button:hover,
#main .button:focus,
#main .button:active,
#masthead .so-widget-sow-social-media-buttons .sow-social-media-button:hover,
#masthead .so-widget-sow-social-media-buttons .sow-social-media-button:focus,
#masthead .so-widget-sow-social-media-buttons .sow-social-media-button:active {
  background: #9e2d25;
  color: #fff;
}

#colophon .site-info {
	background: #e84035;
	padding: 2em 0;
  color: #fff;
}

.entry-content .alignleft,
.entry-content .alignright {
    width: auto;
}

.entry-content table {
    margin-top: 4em;
}

.entry-title {
  text-transform: uppercase;
  margin: 1.5rem 0;
}

/* =================
** HOMEPAGE GALLERY
   ================= */ 

.home .gallery {
    margin-left: -5px;
    margin-right: -5px;
}

.home .gallery a {
    display: block;
    border: 5px solid #f5f5f5;
    margin: 0 5px;
    border-radius: 10px;
    -webkit-transition: border-color 0.5s ease-out;
    -moz-transition: border-color 0.5s ease-out;
    -o-transition: border-color 0.5s ease-out;
    transition: border-color 0.5s ease-out;
}

.home .gallery a:hover {
    border-color: #e44036;
}

.gallery-item img {
  border-radius: 5px;
}

.foogallery.fg-hover-scale .fg-item.nohover:hover {
  transition: none;
  transform: none;
}

.fg-item.nohover .nolink {
  cursor: default;
}

.foogallery.fg-hover-external .nohover .fg-caption-inner:before, 
.foogallery.fg-hover-external .nohover .fg-thumb:before {
  background: none;
}

/* =================
** Contact Page
   ================= */ 

.entry-content .social-media-button-container {
  text-align: center;
  padding: 2em 0;
}

.entry-content .sow-social-media-button {
  font-size: 2.5em;
  background: #e44035;
  width: 64px;
  display: inline-block;
  vertical-align: middle;
  line-height: 64px;
  border-radius: 50%;
  margin: 0 10px;
  color: #fff;
}

.page-id-522 .entry-content {
  font-size: 20px;
}