/*
	Theme Name: The Mailliards Custom Theme
	Theme URI: http://themailliards.com
	Author: Tatiana Mailliard
	Description: Custom theme for The Mailliards based on Foundation Framework
	Version: 0.1
	License: Open
	Text Domain: mailliards-theme-2026
*/

body, p, h1,h2, h3, h4, h5, li, .wpforms-field-label{
	font-family: 'Montserrat', sans-serif;
}


.portfolio-hero-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0;
}

.portfolio-hero-header-description {
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.portfolio-hero-header-description li {
  -webkit-flex: 1 0 200px;
      -ms-flex: 1 0 200px;
          flex: 1 0 200px;
  text-align: center;
  padding: 0 1.25rem;
  position: relative;
  white-space: nowrap;
}

.portfolio-hero-header-description li:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 5px;
}

.portfolio-hero-header-description li:first-child:before {
  content: "";
}

.portfolio-hero-header-menu {
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.portfolio-hero-header-menu li {
  margin: 1.25rem;
}

.portfolio-hero-header-menu li a {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}



.row{
	padding: 10px;
}

header{
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
}

h1{
	font-size: 2em;
}

h2{
	font-size: 1.5em;
}

h3{
	color: #ccc;
}

h1, h2 {
    color: #ccc;
    text-align: center;
    margin-bottom: 30px;
}

.breadcrumbs p {
    font-size: 15px !important;
    font-style: italic;
}


a, .breadcrumbs a{
	color: #ec5840;
}

a:hover, a:focus {
    color: #666666 !important;
}

footer{
	color: #ffffff;
	overflow: hidden;
	background-color: #333;
	padding: 20px;
}

.button {
    background-color: #ec5840;
}
.button:hover, .button:active, .buton:focus{
    background-color: #9b3231;
    color: #ffffff !important;
}



.fa{
	font-size: 18px !important;
}
.fa a{
	color:#ffffff;
}

.logo{
	max-width: 350px;
}

.top-search-bar{
	margin-top: 36px;
}

.top-bar{
	border-bottom: 1px solid #eaeaea;
}

.top-bar, .top-bar ul {
    background-color: #fff;
    
}

.top-bar a {
    color: #999999;
}

.top-bar .fa{
	font-size: 18px !important;
}

.title-bar {
    background: #cccccc;
    color: #fefefe;
    padding: 0.5rem;
}

.topbar-center-logo {
  background: #2c3840;
}

.topbar-center-logo .menu {
  background: #2c3840;
}

.topbar-center-logo .menu a {
  color: #fefefe;
}

.topbar-center-logo .top-bar-center {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.menu-icon{
	color: #FFFFFF;
}

h2.tagline{
	color: #ccc;
	text-align: center;
	margin-top: 0px;
}

hr{
	margin-top: 40px;
}

section{
	margin-top: 50px;
}

.main{
	margin-top: 40px;
}

.main h1{
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}

.intro-cont{
	background: #F4F0ED;
	padding: 20px 0 30px;
}

.intro, .home-contact{
	width: 70%;
	margin: 0 auto;
	padding: 0px;
}

.intro p, .cursive {
    font-family: 'Rouge Script', cursive !important;
    font-size: 1.5em;
    text-align: center;
    color: #4d504a;
}

.grid-heading{
	 font-family: 'Rouge Script', cursive !important;
	 text-align: center;
	 padding: 30px 0 20px;
	 font-size: 70px;
	 margin-bottom: 0px;
	}
h1.cursive{
	font-family: 'Rouge Script', cursive !important;
	font-size: 35px;
}
h2.cursive{
	font-family: 'Rouge Script', cursive !important;
	font-size: 70px;
}

.cursive{
	font-family: 'Rouge Script', cursive !important;
}
.main img {
    max-width: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.contact-cont{
	background: #68705b;
}

.home-contact p{
	text-align: center;
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 30px;
}
.home-contact .button.hollow {
    border: 1px solid #ffffff;
    color: #ffffff;
}
.home-contact .button.hollow:hover {
    border: 1px solid #ffffff;
    color: #68705b;
    background: #ffffff
}

.post-intro{
	padding: 0;
}

.post-title{
	background: #333333;
   color: #ffffff;
   padding-left: 30px !important;
   padding-right: 30px !important;
}

.post-title a{
		color: #ffffff;
		margin-top: 10px;
}

.post-title p{
		text-align: center;
}

.post-title h1{
	padding-top: 20px;
	font-size: 35px;
	font-family: 'Rouge Script', cursive !important;
}


.video-post-title{
	background: #333333;
   color: #ffffff;
   padding-left: 30px !important;
   padding-right: 30px !important;

}

.video-post-title a{
		color: #ffffff;
		margin-top: 10px;
}

.video-post-title p{
		text-align: center;
}

.video-post-title h1{
	padding-top: 20px;
	font-size: 35px;
	font-family: 'Rouge Script', cursive !important;
}


.copy{
	padding-top: 20px;
	font-size: 12px;
	text-align: right;
}

.mailchimp{
    display: block;
    clear: both;
    border: 1px dotted #cccccc;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px;
    background-color: #cccccc;
}

.feat-img{
	margin-bottom: 30px;
}

.is-dropdown-submenu {
    top: 100%;
    left: 5%;
    padding: 10px;
}

.page-sidebar{
	margin-top: 50px;
}

.thumbnail {
     box-shadow: none;
     box-shadow: 0 0 0 0px hsla(0,0%,0%,.0);
}

.grid-post-item.thumbnail {
    box-shadow: none !important;
}


.hero-section {
  background: url("https://no-ordinarylove.themailliards.com/wp-content/uploads/2022/09/IMG_8771.jpg");
  background-position: 0 -130px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 70vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text h1 {
	color: #ffffff;
    width: 100%;
    margin-right: 800px;
    font-size: 40px;
	}

.about{
	margin-top: 50px;
}
.about h1{
	margin-bottom: 10px;
}

.blog-section{
	margin: 80px auto;
}

.blog{
	padding: 50px 0 30px;
	border-bottom: 2px solid #eaeaea;
	overflow: hidden;
}

.blog img {
    border: 1px solid #cccccc;
    padding: 10px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 30px;
}

.blog p{
	font-size: 17px;
  margin-bottom: 40px;
}

.services-list{
	margin-bottom: 50px;
}

.vlog-video{
	padding-bottom: 50px;
}

.vlog-video h2{
	font-size: 2em;
	margin-top: 20px;
	margin-bottom: 10px;
}

.contact-hero-section {
  background: url("https://no-ordinarylove.themailliards.com/wp-content/uploads/2022/11/9P9A7072.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 70vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact-hero-section .contact-hero-section-text h1 {
	color: #ffffff;
	}

footer{
	text-align: center;
}

/* Medium and up */
@media screen and (min-width: 40em) {

	h1{
		font-size: 3em;
	}

	h2{
		font-size:2.5em;
	}

	h2.tagline{
		margin-top: 36px;
		text-align: right;
	}

	.row{
		padding: 0px;
	}

.home-grid{
	width: 100%;
}

	.intro-cont{
		padding: 30px 0 50px;
	}

	

	.intro p {
	    font-size: 2em;
	}

	h1, h2 {
	    text-align: left;
	}

	.post-intro{
	background: #333333;
}

.post-title{
	background: #333333;
	padding-top: 300px;
	padding-left: 50px !important;
   color: #ffffff;
}
.post-title h1{
	font-size: 45px;
}

.post-title p{
		text-align: left;
}

.video-post-title{
	background: #333333;
	padding-top: 100px;
	padding-left: 50px !important;
   color: #ffffff;
}

.video-post-title h1{
	font-size: 45px;
}

.video-post-title p{
		text-align: left;
}

.about{
	margin-top: 0;
}
.services h1, .services p{
	text-align: center;
}

.services-list {
    margin-top: 20px;
    padding-left: 60px;
}
.contact{
	 margin: 50px 0;
}
p label{
	margin-bottom: 0;
}

section{
	margin-top: 0px;
}

}