/*
Theme Name: clevedonflowerclub
Author:Odyssey Creative
Version:1.0
*/


html, body {
	width:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color:#ffffff;
  font-weight:300;
  line-height:1.6em;
 width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
  
}

figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


button {
	font-family:'Montserrat', sans-serif;
}

p { display: block;
 margin:10px 0;
	font-size:1.1em;
	font-weight:400;
}

a {
	color:#1a0dab;
}

a:visited {
	color:#609;
	
}

p {margin-bottom:15px;}

fa {color:#AAE6DD;}

ul {padding:0;
margin:0;}

h1,
h2,
h3,
h4 {
    font-family: poynter-oldstyle-text, serif;
    font-style: italic;
   
    color: #3c3c3c;
    font-weight: 300;
    display:block;
	margin:10px 0;
	line-height:1.2em;
    
}

h1 {font-size:2.25em;}

h2 {}

h3 {font-size:1.4em;}

h4 {font-size:1.3em;
padding-bottom:40px;}

hr {
  width: 100%;
}

fa {color:#ffffff;}

.centerheader {
    text-align: center;
	padding-bottom:75px;
}

.galleryheader {
	text-align: center;
	padding-bottom:75px;
}

.homepagelinks {
	font-weight:bold;
}

.centerheader h1 {
		display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
}

.centerheader h2 {
	display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
}

.galleryheader h2 {
	display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
}

.centerheader h3 {	
display:inline;
padding-bottom: 12px;
border-bottom: solid 3px #C5B3E8;}

.centered {
position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
	margin:0;
}

.centered {
text-shadow: 0px 2px 3px rgba(0,0,0,0.4),
               0px 4px 7px rgba(0,0,0,0.1),
	0px 9px 12px rgba(0,0,0,0.1);}

.centered {
		display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
}

.page-heading {
  font-size: 32px;
  transition: all 0.4s;
  display: inline-block;
	margin:0;
  }

.page-heading:hover {

}

.mainsection-header {
	padding-bottom:100px;
}

.mainsection-header h2 {
		display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
}

section {
	padding-top:50px;
	padding-bottom:75px;
}


p {
  line-height: 1.5;
}

p img{
  max-width:100%;
  height:auto;
}

.charity h3 {
	font-style:normal;
}

.aboutusimg {
	padding-bottom:50px;
}

.newsbutton {
	text-align:center;
}

.gallery-item h5 {
	font-weight:500;
}








.schedule-listing.bg {
	display:flex;
	flex-direction:column;
	align-content:center;
	align-items:center;
	text-align:center;
}

	.schedule-slot-time {
    width: 100%;
   
    font-weight: 600;
	color:#6DBFB5;
	 margin: 5px 0;
	font-size:1.1em;
}

.schedule-slot-title {
    margin: 5px 0;
    font-size: 1.3em;
    text-align:center;
}

.schedule-slot-info-content {
    margin-left:0%;
}

.note {
	text-align:center;
}

.desktop {display:none;}
.mobile {display:block;}

.gallery-item h5 {
	margin:10px;
}

.clubevening {
	font-weight:bold;
}

.note br {
		display:none;
	}

.gallery-item {

display: flex;
flex-direction: column;

	align-items: center;}


.practice-class {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding-bottom:25px;
}

.schedule {

	font-weight:500;
	color:#6DBFB5;
	font-size:1.1em;
}

.address {font-style:italic;
	color:#3c3c3c;
	font-weight:500;
	padding:0px 8px 8px 8px;
		font-family: poynter-oldstyle-text, serif;
	font-size:1.1em;}


.main-column2 p {
	font-size:1.1em;
}

li { font-size:1.1em;
font-weight:400;}

.main-column p {
	font-size:1em;
}

.meta-parttwo {
	    display: flex;
    flex-direction: column;
    align-items: center;
}


.leaveacomment {
	padding-top:5px;
	text-align:center;
	
}

.leaveacomment a {color:#6DBFB5;
font-size:0.9em;}

	.blogpage {padding-top:50px;}

.blog-title h3 {
	padding-top:50px;
	font-family: 'Montserrat', sans-serif;
	font-style:normal;
	text-align:center;
}

		.blog-title {padding-bottom:0px;
text-align:center;
padding-top:0px}


.latestnews {
	background-color:#eee;
	padding:50px 7.5%;
	
}

.newscolumns {
} 

.card {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:50px;
	}

.card:first-child {
	padding-top:0;
}

.card:last-child {
	padding-bottom:0;
}

.card-description {
	text-align:center;
}

.newscolumns h3 {
	font-style:normal;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:25px;
	
}

.card1 {padding-top:50px}


.card1:first-child
{padding-top:0px}

.card-meta {
		display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top:10px;
}

.date {
	font-style:italic;
	color:#3c3c3c;
	font-weight:600;
	padding:0px 8px 8px 8px;
		font-family: poynter-oldstyle-text, serif;
	font-size:1em;
	}

.admin p {
		padding:0px 8px 8px 8px;
	margin:0;
	font-weight:bold;
	color:#6DBFB5;
}

hr {
 border: 0;
    height: 1px;
    background: #eee;
	margin-top:20px
		
    }


/* Inputs */

#comments-section input,
textarea {
  padding:0px;
  font-size: 20px;
  border: none;
  border-radius:7px;
  background-color:#C7B8E4;
  color:#3c3c3c;
}

#comments-section input:hover,
textarea:hover 
{   background-color:#6DBFB6;
	color:#fff;
}

::-webkit-input-placeholder {
 padding-left:10px;
padding-top:5px;
	font-size:1em;
}


input:focus,
textarea:focus{
  outline: none;
}

main {}

/* Header */

.topbg {
    background-color: #AAE6DD;
    height: 61px;
    display: flex;
   
   
}


.greenstripe {
    width: 100%;
    height: 50px;
    background: #AAE6DD;
    border: 0px solid #999;
    -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
}

header {
  
}



/* Search */

.search-form {
    display: none;
    background-color: #6DBFB5;
    padding: 5px;
    border-radius: 10px;
}

#searchsubmit {
    background-color: #6DBFB5;

}

.screen-reader-text {
    display: none;
}


.search-form input:focus,
textarea:focus{
  outline: none;
}

@media only screen and (min-width: 1000px) {
 .search-form {
        display: block;
        background-color: #6DBFB5;
        padding: 5px;
        border-radius: 10px;
		margin-right:25px;
       }
	
	.screen-reader-text {
    display: none;
}
}

/* Navigation */

nav li.current-menu-item a {
    color: #AAE6DD;
    font-weight: 600;
}

#menu-main-navigation li.current-menu-item a {
    color: #AAE6DD;
    font-weight: 800;
}

.toggle-overlay {
	position:fixed;
	top:270px;
	right:0px;
	background-color:#6DBFB6;
	z-index:1;
	width:60px;
	height:60px;
	display:flex;
	justify-content:center;
	font-size:1em;
}

.navigation {
	display:none;
}

aside {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:#C5B3E8;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  z-index: 2;
}
.open {
  opacity: 1;
  visibility: visible;
}
nav {
  text-align: center;
  height: 95vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul li {
  align-items: center;
  flex: 1;
  line-height: 10vh;
}
nav ul li a {
  font-size: 1.5em;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  color:#3c3c3c;
}
nav ul li a:hover {
  color:#eee;
}
nav ul li a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
nav ul li a:before {
  content: "";
  position: absolute;
  width: 50%;
  
  bottom: 0;
  left: 25%;
  background: white;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}

button {
  padding: 15px 20px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .4);
  color: white;
 transition: all 0.5s ease;
}
button:hover {
  border: 1px solid rgba(255, 255, 255, 1);
}
.close {
  position: fixed;
  top: 30px;
  right: 46px;
  color: white;
  z-index: 3;
  cursor: pointer;
  font-family: sans-serif;
}
.close span, .close span:before, .close span:after {
  border-radius: 4px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.close span {
  background: transparent;
}
.close span:before {
  transform: rotate(45deg);
}
.close span:after {
  transform: rotate(-45deg);
}
.outer-close {
  position: absolute;
  right: 0px;
  top: 0;
  width: 60px;
  height: 61px;
  cursor: pointer;
	display:flex;
	justify-content:center;
	align-items:center;
}


main {
  padding-top:30px;
	padding-bottom:30px;
  text-align: center;
  max-width: 100%;
	 background:#C5B3E8;
}

.main2 {
	  padding-top:30px;
	padding-bottom:30px;
  text-align: center;
  max-width: 100%;
	 background:#C5B3E8;
}


.logo h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
	margin:0;
}

.oldstyle {
     font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
}






/* Search Box */


/* Search Icon */


/* Featured Image */

.thumb {
position:relative;
text-align:center;
}

.thumb img {width:100%;
height:auto;
display:block;}



/* Image Slider */




/* Image Gallery */



/* Main */

main {}

main {

}

a {
  text-decoration: none;
 
}

a:hover {
  text-decoration: underline;
}

/* Banner */



/* Section */



section {
 
}

.section-heading {
  font-size: 1.8em;
  font-family: poynter-oldstyle-text, serif;
  border-bottom: 3px solid #6DBFB5;
  transition: all 0.4s;
  display: inline-block;
  padding: 8px 0px;
  color:#6DBFB5;
}

.entry-content {
	padding:100px 10%;
	text-align:center;
}

.main-content {
	padding:100px 7.5%;
	}

.mainsection-header {
	text-align:center;
} 

.mainsection-header h1{
	display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
}



/* Section Source */

#section-source p {
  padding: 8px;
  text-align: center;
}

#section-source a {
  margin: 8px;
  text-align: center;
}

/* Card */

.blog-section {
	padding-top:0px;
	padding-bottom:40px;
}

.card-image {
  transition: 0.4s;
}

.card-image:hover {
  box-shadow: 0 10px 6px -6px #777;
}

.card .card-description {
  padding: 0 8px;
}

.card-meta{
  
  padding-left:8px;
  
}
.card-meta a{
  color:#3c3c3c;
}



/* Footer */

/* Footer */

.box h5 {
	padding-top:25px;
	width: 80%;
	text-align: center;
	margin: 0;
	padding-left: 10%;
	padding-bottom: 20px;}

.admin {
	padding-left:5px;
	padding-right:5px;
	display:flex;
}

#myBtn {
	background-size:50%;
}


.latestnews {line-height:1em;}





.row1 {

}

.box {
  
}

.box img {
    width: 100%;
}



.column-layout {

    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    background-color: #C5B3E8;
    padding-top: 100px;
    padding-bottom: 50px;
}

.column-layout a {
	font-size:1.2em;
	font-weight:400;
}

footer a {
	font-size:1.2em;
	font-weight:400;
}

.column-layout p {
    margin: 0;
    padding-top: 35px;
    font-size: 1.1em;
}

.column-layout h3 {
    padding-bottom: 35px;
}

.menu-footer-navigation-container {
    padding-top: 35px;
}

.column-layout2 {

    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    background-color: #AAE6DD;
    padding-bottom: 25px;
    padding-top: 25px;
}

.column-layout2 p {
    margin: 0;
    font-size: 0.9em;

}

.sidebar-one ul {
    list-style-type: none;
}

.odyssey a {
    color: #6DBFB5
}

.sidebar-one {
    padding-bottom: 90px;
}

.main-column {
    padding-bottom: 90px;
}
.column-layout h3 {
	padding-bottom:20px;
}
.sidebar-two {
    padding: 20px;
}

#menu-footer-menu {
    padding-top: 35px;
	margin:0;
	padding-left:0;
}

#menu-footer-menu li {padding:2px;}

/* Home page */



.intro {
	
}


.aboutusimg img {
	display:block;
	width:100%;
}



.nafas img {
    width: 0px;
}


.latestnews-admin {
	display:flex;
	align-items:center;
	justify-content: center;
}

.latestnews .date {
	padding:0;
}

.latestnews-admin p {
margin:0;
	padding:0px;
	font-weight:bold;
	color:#6DBFB5;
}

.btn-readmore {
  padding: 8px 24px 8px 24px;
  border: 1px solid black;
  transition: 0.4s;
  display: inline-block;
  margin-bottom: 24px;
  cursor: pointer;
  background: #C5B3E8;
	width:100px;
	font-family: poynter-oldstyle-text, serif;
    font-style: italic;
}

.btn-readmore:hover {
  background: #6DBFB5;
  text-decoration: none;
  padding: 8px 64px 8px 24px;
  color: white;
}

.centernews {text-align:center;}

.intro ul {
padding-left:40px;	
}



/* Events Page */

.club-evening {
	padding-top:0;
}

.event-content h2 {
	padding-bottom:50px;
}


.eventsection {
	display:flex;
	justify-content:center;
	padding:8px;
}

.practice-class {
	padding:25px 0px;
	margin-bottom:5px;
}

.title {
	font-weight:700;
	padding:8px;
}

.description {
	font-weight:300;
	padding:8px;
}

.schedule-date {
    font-size: 24px;
    margin-bottom: 40px;
    
   display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
}

.schedule-listing {
    padding: 25px 5px;
   
    margin-bottom: 5px;
    position: relative;
    border-radius: 5px;
}

.schedule-listing.bg {
}





.schedule-slot-speakers {
    width: 58px;
    height: 58px;
    border-radius: 5px;
    position: absolute;
    top: 15;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.schedule-slot-info-content {
 
}

.schedule-slot-speaker-name {
    color: #ff0763;
    margin: 0;
    font-size: 16px;
	text-align:left;
}

.schedule-slot-title {
    margin: 5px 0;
    font-size: 1.3em;
	 text-align:center;
}


.event-header {
	text-align:center;
	padding-bottom:100px;
}

.schedule-content {
	padding: 100px 7.5%;
}

.schedule-tab,
.schedule-content .container {
    max-width: 960px;
    margin: 0 auto;
}



/* Gallery page */

.admin { display:flex;
	align-items: center;
	justify-content:center;
}





.gallery{
	width:100%;
display: flex;
flex-flow:row wrap;
justify-content: center;
}
.gallery-item {
	box-sizing:border-box;
	width:100%;
 padding:1em;
	margin-bottom:2em;
	margin-top:1em;
box-shadow:1px 2px 10px 2px rgba(160,160,160,.5);}

.gallery-item img {
	width:100%;
	display:block;
	 transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
	
	
}

.gallery-item img:hover {
	 -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.gallery-item h5 {
	text-align:center;
	    font-family: poynter-oldstyle-text, serif;
	font-style:italic;
	font-size:1.3em;
	color:#3c3c3c;
}




.fbx-modal {
	 font-family: 'Montserrat', sans-serif;
}


/* Blog List page */



/* Pagination */

.pagination {
  padding: 8px;
  text-align: center;
  font-weight: bold;
}

.pagination a {
  border-top: 3px solid white;
  display: inline-block;
  padding: 8px 16px;
  transition: 0.4s;
}

.pagination a:hover {
  text-decoration: none;
  border-top: 3px solid black;
}

.card-meta {
	
}

.card-meta a{
	font-weight:300;
}


.card-image {
	margin-bottom:20px;
	line-height:1em;
}


.card-image img {
	width:100%;
}

.card-meta-blogpost{
  color:#6DBFB5;
  font-size:0.9em;
  padding-left:8px;
  font-style:italic;
  font-weight:bold;
}
.card-meta-blogpost a{
 
}

.form-submit .submit:hover {
	background-color:#6DBFB5;
  color:#ffffff;
}

.form-submit .submit {
	display:flex;
	align-content:center;
	justify-content:center;
	font-family: 'Montserrat', sans-serif;
	padding:0;
	margin:0;
}

/* Single Blog Post */

.blog-content {
	padding:100px 7.5%;
}

.blog-title {
	position:relative;
	padding-bottom:50px;
	
}

.blog-title h3 {
	padding-top:100px;
	font-family: 'Montserrat', sans-serif;
	font-style:normal;
	text-align:center;

}

.card-image1 {
	flex-basis:45%;
}

.card-image1 img {
	width:100%;
}

.card-date {
	position:absolute;
  background-color:#AAE6D1;
  padding:12px 15px;
  top:0;
	left:0%;
	right:0;
	margin:auto;
	border: 4px solid #ffffff;
	display:flex;
	flex-direction:column;
	font-family: poynter-oldstyle-text, serif;
    font-style: italic;
	text-transform:uppercase;
	width:40px;	
	text-align:center;
}

.card-date1 {
		background-color:#AAE6D1;
  border: 4px solid #ffffff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-family: poynter-oldstyle-text, serif;
    font-style: italic;
	text-transform:uppercase;
	padding:5px 10px;
	width:50px;
	align-items:center;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	}

.container1 {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 1rem;
}

.container1 ul {
	list-style-type:none;
}

.grid {list-style-type:none;
padding:0;
margin:0;
border: 2px solid #EEEEEE;}

.cell img {
  display: block;
	
}

.cell {
  margin: 1rem;
}

.responsive-image {
  max-width: 100%;
}



#blogpost {
  display: flex;
  flex-direction: column;
}


#blogpost .card {
  width: 100%;
}

#blogpost .card-image:hover {
  box-shadow: none;
}

#blogpost h1{
  font-size:24px;
  padding:0;
  margin:16px 0;
  background:none;
  font-weight:700;
}

#post-container {
  display: flex;
}



/* Sidebar */




/* Generic Buttons */

.btn-generic {
  height: 48px;
  padding: 8px;
  background: white;
  border: 1px solid black;
  font-size: 16px;
  font-weight: bold;
  transition: 0.4s;
  cursor: pointer;
}

.btn-generic:hover {
  background: red;
  color: white;
}

/* Comments */

#comments-section {
  border-top:2px solid #eee;
  padding:20px 8px;
}

.comment-form{
  display:flex;
  flex-direction:column;
}

.comment-form input,
.comment-form textarea{
  margin-bottom:16px;
}

.comment-note{
  text-align:center;
  color:red;
}

#comments-section textarea {
  height: 160px;
  background-color:#AAE6DD;
  border:1px solid #6DBFB5;
}


.form-submit .submit
{
  background:white;
  font-weight:bold;
  width:100%;
  padding:8px;
  border:2px solid black;
  height:48px;
  cursor: pointer;
  transition:0.4s;
  box-shadow:initial;
}

.form-submit .submit:hover
{
  background-color:#6DBFB5;
}

.comment-reply-title{
  text-align:center;
  padding-bottom:0px;
}

/* Comments List */

.comments{
  margin-top:24px;
  border-top:2px solid #eee;
}

.all-comments li{
  list-style: none;
  margin-bottom:16px;
}

.all-comments .comment-meta{
  background:#555;
  display:flex;
  justify-content: space-between;
  align-items:center;
}

.all-comments .vcard{
  display:flex;
  align-items: center;
  margin-right:8px;
}

.all-comments .photo{
  border-right:8px solid transparent;
  border-bottom:4px solid transparent;
}

.all-comments .says{
  display:none;
}

.all-comments .reply{
  font-weight:bold;
}

.all-comments .children{
  margin-top:16px;
}

/* Archive Page */

.archive {
	padding-bottom:100px;
}

.archive:last-child{
  padding-bottom:0px;
}

.archivetext h3 {
	color:#6DBFB5;
	    font-family: Montserrat, sans-serif;
	font-style:normal;
	font-weight:600;
	border-bottom:0px;
}

.archivetext h4 {
	border-bottom:0px;
}

.archiveimg img {width:100%;}

.article {
	padding-bottom:50px;
}

.article h2 {
	color:#6DBFB5;
	    font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-style:normal;
	padding:25px;

}

.article h3 {
	padding:25px;
}

.article img {
	padding-top:25px;
}


.article-image img {
		width:100%;
	}
  

.archiveimg {text-align:center;}

.arhiveimg img {margin-bottom:20px;}

.archiveimg h2{
	padding-top:0px;
	border-bottom:0px;
	display:block;
	}

/* No results */

.no-results{
  text-align:center;
}
.no-results ul{
  list-style:none;
}
.no-results h2{
  color:red;
}

/* 404 */

.container-404{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:24px;
}

.container-404 img{
  width:480px;
}

/* Contact Page */

.centerheader2 h3 {	
display:inline;
padding-bottom: 12px;
border-bottom: solid 3px #C5B3E8;}

.centerheader2 {
	padding-bottom:100px;
	text-align:center;
}

.getintouch {
	padding-right:0%;
}

.clubcontacts {
	    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* Contact Form */

/* Contact Form 7 Form Background And Border CSS
-----------------------------------------------*/

.wpcf7 {
	font-family: poynter-oldstyle-text, serif;
   
	
}

.wpcf7 p {
	padding:0;
	margin:0;
}

.wpcf7 label {
  color:#000000;
  font-size:1em; 
	
}

.wpcf7 input[type="submit"]  {
    font-family: 'Montserrat', sans-serif;
	font-weight:bold;
}

/* Contact Form 7 Input CSS 
---------------------------*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	font-size: 1em;
	background-color: #AAE6DD;
	border: none;
	width: 95%;
	padding: 2%;
	border: 1px solid #6DBFB5;
	border-radius:7px;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow: inset 8px 3px 18px -4px rgba(0, 0, 0, 0.0);
	font-family: 'Montserrat', sans-serif;
}

/* Contact Form 7 Submit Button 
-------------------------------*/

.wpcf7 input[type="submit"] {
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 700;
    background: #C7B8E4;
    padding: 12px 22px 12px 22px;
    border: none;
    border-radius: 7px;
    width: auto;
    letter-spacing: 5px;
	width:100%;
}

.wpcf7 input:hover[type="submit"] {
    background: #6DBFB5;
    transition: all 0.4s ease 0s;
	color:#ffffff;
}

.wpcf7 input:active[type="submit"] {
    background: #000000;
}


/* Placeholder
-------------------------------*/

input::-webkit-input-placeholder {
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
font-weight:400;
}
 
input:-moz-placeholder { /* Firefox 18- */
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
}
 
input:-ms-input-placeholder {  
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
}

textarea::-webkit-input-placeholder {
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
}
 
textarea:-ms-input-placeholder {  
color:#3c3c3c !important;
font-family: poynter-oldstyle-text, serif;
font-style:italic;
font-size:1.1em;
}

.contactintro {
	text-align:center;
}

.contactintro p {
	text-align:center;
}


.contacttitle {
    padding-bottom: 70px;
    text-align: center;
    padding-top: 50px;
    font-family: 'Montserrat', sans-serif;
}

.getintouch {
	display:flex;
	flex-direction:column;
	flex-basis:50%;
	padding-right:0%;
	justify-content:center;
	align-items:center;
}

.getintouch .centerheader{
	padding-bottom:100px;
}

.getintouch h3 {

    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
	font-style:normal;
}

.contact h3 {
	    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
	font-style:normal;
}

.googlemaps iframe {
	height:250px;
	padding-top:100px;
}


.member {padding:20px;}

/* Media Queries */
@media (min-width: 720px) {
	

	
	.galleryheader {
	text-align: center;
	padding-bottom:120px;
}

	
	.schedule-date {
		font-size:1.6em;
	}
  
  .card {
		width:45%;
   
	}

	.card .card-img img {
		width:100%;
	}
	
		.blog-title {padding-bottom:125px;
text-align:center;
padding-top:0px}
	
	.newscolumns {
		
		display:flex;
flex-direction:row;
justify-content:space-between;}
	
	.card 
	{display:flex;
flex-direction:column;
	position:relative;}
	
	.card-description {
        flex-grow: 1;
		
    }
	
	
	
	.card-image {
		flex-basis:45%;
		position:relative;
		
		}
	

	
	.card-image img {}
	
	.card-meta {	
		padding-top:30px;
		flex-basis:45%;
	display:flex;
	flex-direction:column;
		align-items:center;
	}
	
	.blogpage {display:flex;
	
	justify-content:space-between;}
	
	
	
	.comment-reply-title{
  text-align:left;
  padding-bottom:0px;
}
	
	#comments-section {
		padding-top:25px;
	}
}

@media (max-width: 900px) {
  #blogpost {
    width: 100%;
    border-left: 0;
  }
#searchbox {
    display: none;
  }
}

@media (max-width: 719px) {
	
		h1 {
		font-size:1.6em;
	}
	
  main {
    width: 95%;
  }

  section {
    flex-direction: column;
  }

  .card {
    width: 100%;
  }

  .card .card-image img {
    width: 100%;
  }
	
	
}

@media (max-width: 600px) {
  main {
    width: 100%;
  }
  
  .woocommerce-wrapper {
  	width:95%;
  	margin:0 auto;
  }

  
  #blogpost h1{
    font-size:24px;
    padding:0;
    margin:16px 0;
    background:none;
  }

  #banner h3 {
    font-size: 20px;
  }

  section {
    flex-direction: column;
  }

  .card {
    width: 100%;
    
  }

  .card .card-image img {
    width: 100%;
  }

  .btn-readmore {
    margin-left: 0;
  }

  #logo-img {
    padding: 0;
  }
	
	
  .grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
		justify-content:center;
  }
  .cell {
    width: calc(50% - 2rem);
  }
}


@media (min-width: 720px) {
	
	
	
	
	
	

	

	
	
	
	
	
	

	
	.schedule-listing.bg {
	display:flex;
	flex-direction:row;
	align-content:center;
	align-items:flex-start;
	text-align:left;
}
	
	.schedule-slot-info-content { text-align:left;
		margin-left: 17%;
		width:70%;
}
	
	.schedule-slot-title {
    margin: 5px 0;
    font-size: 1.3em;
    text-align:left;
}
	
	.note {
		text-align:left;
	}
	
	
	.desktop {display:block;}
.mobile {display:none;}
	
  .card {
		flex-basis:45%;
		padding-top:0px;
		
  
  }
  .card .card-image img {
   
		
  }
	
	.clubcontacts {
		align-items:center;
	}
	.blogpage {padding-top:60px;}
	
	.main-column br{
		display:none;
	}
	
.column-layout a {
	font-size:1em;
	font-weight:300;
}
	
	.column-layout p {
    margin: 0;
    padding-top: 35px;
    font-size: 1em;
}
	
	.main-column2 p {
		font-size:1em;
	}
	
	.practice-class {
	display:flex;
	flex-direction:row;
	
		justify-content:flex-start
	}
	
	
	
	.schedule {
flex-basis:30%;
		font-weight:500;
		text-align:left;
		
	}
	
	.schedule-slot-time {
    width: 30%;
    float: left;
    font-weight: 500;
	color:#6DBFB5;
	 margin: 5px 0;
	font-size:1.1em;
}
	
	.schedule-slot-info {
    width: 70%;
    display: inline-block;
}

	
	.address {
		flex-basis:70%;
		margin-left:17%;
		font-size:1.2em;
	}

.address {
	
	text-align:left;
}
	
	footer a {font-size:1em;}
	
	.date {font-size:1em;}
	
	.note br {
		display:block;
	}
	
		p {font-weight:300;
	font-size:1em;}
	li {font-weight:300;
	font-size:1em;}
	a {font-weight:300;
	font-size:1em;}
	
	.toggle-overlay {
	position:fixed;
	top:175px;
	right:0px;
	background-color:#6DBFB6;
	z-index:1;
	width:60px;
	height:60px;
	display:flex;
	justify-content:center;
	font-size:1em;
}
	
		.navigation li {
		padding:10px;
	}
	

  nav ul li a {
    font-size: 2em;
  }

 

  .card {
   width: 100%;
  }

  .card .card-image img {

  }
	
	.card-image1 img {width:100%;
	
	padding-top:40px;
	}
	
	.blog-title:first-child {
		padding-top:0px
	}

.card-date {
 
}
	
	.card-image1 img{
		padding-top:10px;
	}

}

@media (min-width: 1000px) {
	
	section {
	padding-top:50px;
	padding-bottom:75px;
}
	
	.main2 {
		height:75px
	}
	
	.toggle-overlay {display:none;}
	
	
	
	
	.clubcontacts {
		
	}
	.member {
		display:flex;
		align-self:flex-start;
		flex-direction:column;
	}
	
	.note {
		padding-left:40px;
		padding-right:40px;
	}
	
	.practice-class {
		padding-left:40px;
		padding-right:40px;
	}
	
	
	.main-content {
	padding:125px 10%;
	}
	
	.blog-content {
		padding:125px 10%;
	}
	
	.schedule-content {
		padding:125px 10%;
	}

    .searchform {
        display: block;
        background-color: #6DBFB5;
        padding: 5px;
        border-radius: 10px;
		margin-right:25px;
       
    }

    #header1 {
        position: absolute;
    }
	
	main {
		 top: 150px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 75%;
        background-color: #C5B3E8;
        transition: background-color 500ms;
        z-index: 1;
        border-radius: 35px;
        padding-left: 35px;
        padding-right: 35px;
		    position:absolute;
		    padding-top:5px;
		    padding-bottom:5px;
		    height:100px;
}
	
	.main2 {
		 top:0px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        align-items: center;
        display: flex;
        width:80%;
        background-color: #C5B3E8;
        transition: background-color 500ms;
        z-index: 1;
        border-radius:0px;
        padding-left:10%;
        padding-right:10%;
		    
		    padding-top:5px;
		    padding-bottom:5px;
		    height:80px;
}
	
		.toggle-overlay {
	display:none;
}
	.logo {
		
    justify-self: flex-start;
    padding: 0;
   color: #3c3c3c;
	}

	.navigation {
	 display: block;
   justify-self: center;
   left: 0;
   right: 0;
  
    }
	
	
	.desktop ul {
	
	
	}
	
	.logo {
		}
	
	.navigation li {
		display:inline-block;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.navigation li a {
		margin:5px 8px;
	}
	
	
	

  

    .logo {}

    .logo img {}


    


    header {
    
    }


    

   

    .greenstripe {
        width: 100%;
        height: 60px;
        background: #AAE6DD;
        border: 0px solid #999;
        -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
        -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
        box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    }

    .image-banner {
        display: flex;
    }
    .latestnews {
        text-align: left;
        padding-bottom: 50px;
    }
    .newscontainer {
        display: flex;
        flex-wrap: wrap;
        padding: 5px;
        justify-content: space-evenly;
        padding-left: 10%;
        box-sizing: border-box;
    }

    .newsitem {
        margin: 5px;
        flex: 1;
    }

    .latestnews img {}

    

    .aboutus {
        display: flex;
    }

    .aboutusimg {
        flex-basis: 50%;
    }

    .intro {
        flex-basis: 50%;
        padding-left: 10%;
    }

    .row1 {
       
    }


    .box {
        
    }



    .mstext {

        margin: 0;
    }

    .container5 {}

    .logo {}

    .logo img {
        width: 140px;
        height: auto;
    }

    .aboutus {
        display: flex;
        flex-direction: row;
    }
    .column-layout {
        display: flex;
        justify-content: space-between;
        text-align: left;
        padding-top: 100px;

    }
    .column-layout2 {
        display: flex;
        justify-content: space-between;
        text-align: left;
        padding-top: 0px;
        padding-bottom: 0px;

    }

    .sidebar-one {
        flex-basis: 25%;
        padding-bottom: 45px;
    }

    .main-column {
        flex-basis: 50%;
        padding-bottom: 45px;
        text-align: center;

    }

    .main-column2 {
        flex-basis: 50%;
        padding-bottom: 45px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }



    .sidebar-two {
        flex-basis: 25%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    
		.menu h3 {
		text-align:left;
	}
	
	.wherewemeet h3 {
		text-align:left;
	}

    #myBtn {
        display: none;
        position: fixed;
        bottom: 100px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: 1.5px solid #fff;
        outline: none;
        background-image: url("http://www.clevedonanddistrictflowerclub.org.uk/wp-content/uploads/2019/05/back-2-top-arrow.png");
        background-repeat: no-repeat;
        background-color: #C5B3E8;
        background-position: center;
        color: white;
        cursor: pointer;
        padding: 25px;
        border-radius: 10px;
    }

    #myBtn:hover {
        background-color: #6DBFB5;
    }
	
	/* Home page */
	
.aboutus {display:flex;}

.aboutus {
flex-direction:row;
justify-content:space-between;
}

	
.aboutusimg {
	flex-basis:45%;
}

.aboutusimg img {width:100%;}

.intro {
	flex-basis:45%;
}
	
.centernews {text-align:left;}

	
.latestnews {
	background-color:#eeeeee;
	padding:25px 10%;
}
	
/* Events page */
	
	.schedule-content {
	padding: 125px 10%;
}
	
	.schedule-listing {
    padding: 25px 40px;
   margin-bottom: 5px;
    position: relative;
    border-radius: 5px;
}
	
	
.clubevening {
	color:#3c3c3c;
	font-weight:600;
}
	
	/* Practice Class  */

.practice {
	padding-top:50px;
}

.practice-class {
	display:flex;
	align-items:center;

}

.schedule {  font-weight: 500;
	color:#6DBFB5;}

	
	/* Gallery page */
	
	@media only screen and (min-width:33.75em) {
	.gallery-item{
		width: calc(50% - 2em);
		margin-left:1em;
	margin-right:1em;
	margin-bottom:2em;
	margin-top:1em;
		
	}
}

@media only screen and (min-width:70em) {
	.gallery-item{
		width:calc((100% / 3) - 2em);
		
	}
}

@media only screen and (min-width:90em) {
	.gallery-item{
		width:calc((100% / 4) - 2em);
		
	}
}

	
	/* Blog Page  */
	
	
.blog-content {
	padding: 100px 10%;
}

	.blog-section {
	padding-top:0px;
	padding-bottom:50px;
}

	
	.blog-title {padding-bottom:70px;
text-align:center;
padding-top:100px;}

.card-date {
 
}
	
	.card-image1 img{
		padding-top:40px;
	}
	
	.cell {
    width: calc(33.3333% - 2rem);
  }
	
	.card-description h3{
	border-bottom:0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-style:normal;
	color:#3c3c3c;
	text-align:center;
	}

.card-description a{
	text-align:center;}

.btn-readmore {
  padding: 8px 24px 8px 24px;
  border: 1px solid black;
  transition: 0.4s;
  display: inline-block;
  margin-bottom: 24px;
  cursor: pointer;
  background: #C5B3E8;
	width:100px;
	font-family: poynter-oldstyle-text, serif;
    font-style: italic;
}

.btn-readmore:hover {
  background: #6DBFB5;
  text-decoration: none;
  padding: 8px 64px 8px 24px;
  color: white;
}
	
	hr { 
	display: block; 
	height: 1px;
  border: 0; border-top: 1px   solid #eee;
  margin: 1em 0; padding: 0;
	margin-bottom:50px;
	width:100%;
	margin-top:50px;
   
}

.blog-title {padding-bottom:70px;
text-align:center;
padding-top:0px;}
	
	.card1 {
	padding-top:25px;
}

.card1:first-child {
	padding-top:0px;
}


.card-description {
}

.card {	position:relative;
display:flex;
flex-direction:column;
align-items:center;
}

.card h3{
	border-bottom:0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-style:normal;
	color:#3c3c3c;
	text-align:center;
	
	}

.card-image1 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.card-date {
	 

}


.card-date span {
	color:#3c3c3c;
}

.card-image {
	
}

.card-meta {text-align:center;
}

.card-meta p {
	text-align:center;
	font-style:normal;
	color:#3c3c3c;
	font-weight:300;
}

.excerpt-date {
	color:#3c3c3c;
}

.date {
	font-style:italic;
	color:#3c3c3c;
	font-weight:600;
	padding:0px 8px 8px 8px;
		font-family: poynter-oldstyle-text, serif;
	font-size:0.9em;
	}

.admin p {
		padding:0px 8px 8px 8px;
	margin:0;
	font-weight:bold;
	color:#6DBFB5;
}
	
	.card-date1 {
		background-color:#AAE6D1;
  border: 4px solid #ffffff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-family: poynter-oldstyle-text, serif;
    font-style: italic;
	text-transform:uppercase;
	padding:5px 10px;
	width:50px;
	align-items:center;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	}



#comments-section input:hover {
	background-color:#6DBFB5;
}




	
	/* Single Post  */
	
	
	
	#comments-section input,
textarea {
  padding: 8px 22px;
  font-size: 20px;
  border: none;
  border-radius:7px;
  background-color:#C7B8E4;
 
}
	
	::-webkit-input-placeholder {
 padding-left:0px;
padding-top:0px;
	font-size:1.1em;
}
	
	








.comment-reply-title  {
	
	display:inline;
	padding-bottom: 12px;
	border-bottom: solid 3px #C5B3E8;
	margin-bottom:25px;
		
	}

.logged-in-as {
		padding-top:25px;
	}
	

.blog-title h3 {
	border-bottom:0px;
	font-family:'Montserrat', sans-serif;
	font-style:normal;
	font-weight:400;
}

.btn-readmore {font-weight:300;}

.card {flex-basis:45%;}

.card-image1 img {width:100%;
	padding-left:0px;
	padding-top:40px;
}

.card-image1 {flex-basis: calc(45% - 40px);}

.card-image1 {position:relative;}


.blogpost-heading {
font-family:'Montserrat', sans-serif;
border-bottom:0px;
font-weight:500;
font-style:normal;
padding-top:50px;	
padding-bottom:50px;	
}


.leaveacomment {
	text-align:center;
	
}

.leaveacomment a {color:#6DBFB5;
font-size:0.9em;}


.card-meta-blogpost a{
  
	padding-left:8px;
	font-style:normal;
}

.blogpost-heading {margin:0;}


.single-post {
	padding:100px 10%;
	display:flex;
	flex-direction:column;
}
	
	
	/* Archive Page  */
	
	.archivecontent {
		display:flex;
		justify-content:space-between
	}
	
	.archiveimg {
		flex-basis:45%;
	}
	
	
	
	.archivetext {
		flex-basis:45%;
	}
	
		.article {
		display:flex;
	justify-content:space-between;
		padding-bottom:50px;
	}
	
	.article-text {
		flex-basis:50%;
		order:2;
	}
	
	.article-image {
		flex-basis:45%;
	}
	
	.article-image img {
		width:100%;
	}
	
	
	/* Contact Page   */
	
		.googlemaps{
	flex-basis:50%;
	padding-left:20%;
		padding-top:30px
	
		}
	
	.googlemaps iframe {
	height:375px;
	
	}

	
	.contact {
        display: flex;
		    padding-top:100px;
		justify-content:space-between;
			
    }

    .form {
        flex-basis: 50%;
				
    }
}

@media screen and (min-width:1200px) {
    body p {}

   
    /* Increase the font size */
    .logo img {
        width: 160px;
        height: auto;
    }

    .slogan h1 {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 3%;
        margin: auto;
        z-index: 5000;
        font-size: 1.25em;
        color: #ffffff;
    }

    .greenstripe {
        width: 100%;
        height: 85px;
        background: #AAE6DD;
        border: 0px solid #999;
        -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
        -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
        box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    }

    #section0 {
        margin-top: 0px;
    }
}




@media (min-width: 1400px) {

    header {}

   
    .slogan h1 {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2%;
        margin: auto;
        z-index: 5000;
        font-size: 1.25em;
        color: #ffffff;
    }

    .mstext {
        padding-left: 20%;
        padding-right: 20%;
    }
    .content1 {
        padding-left: 20%;
        padding-right: 20%;
    }


}

@media screen and (min-width:1600px) {
    body p {
        font-size: 115%;
    }
    /* Increase the font size */
}

@media screen and (min-width:1800px) {

    .mstext {
        padding-left: 22.5%;
        padding-right: 22.5%;
    }
    .content1 {
        padding-left: 22.5%;
        padding-right: 22.5%;
    }
  
    .standard h2 {
        color: #6DBFB5;
        text-align: center;
        display: block;
        border-bottom: 0px solid #c583e8;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-size: 24px;
        font-weight: 600;

    }


    .square {
        margin-left: 10%;
        height: 500px;
        width: 40%;
        background-color: #6DBFB5;
    }

    .article1 {
        display: flex;

    }

    .article {
        display: flex;

        flex-direction: column;
    }



    #container img {
        width: 100%;
    }


    #section0 {
        margin-top: 0px;
    }


    #section1 {
    }

    #section1 h1 {

        border-bottom: solid 3px #C5B3E8;
        display: inline;
        padding-bottom: 12px;
    }



    .aboutus {}

    .centerheader {
        text-align: center;
       
    }

    .aboutus p {}

    .aboutusimg {
        flex-basis: 50%;
    }

    .intro {
        flex-basis: 50%;
    }

    .intro p {
        padding-left: 10%;
    }

    .aboutus ul {
        padding-left: 20%;
        list-style-type: disc;
    }

    .test {

        padding-bottom: 50px;
    }

    .evening {
        padding-bottom: 31px;
        display: flex;
        justify-content: center;
    }

    .left {
        color: #6DBFB5;
        font-style: italic;
        padding: 0;
        font-weight: 700;
        margin: 0;
    }

    .left1 {
        color: #6DBFB5;
        font-style: italic;

        font-weight: 700;

        float: left;
        width: 50%;
    }

    .left p {
        margin: 0;
        padding: 0;
    }

    .right {
        padding-left: 10px;
        justify-self: flex-start;
    }

    .right1 {
        padding-left: 10px;
        justify-self: flex-end;
        float: right;
        width: 40%;
    }

    .admin {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .date {
        color: #6DBFB5;
        font-weight: 600;
        font-size: 17px;
        font-style: italic;
    }





    span.title {
        font-weight: 700;
        color: #000000;
    }


    .aboutusimg {
        flex-basis: 50%;
    }

    .aboutusimg img {
        width: 100%;
    }

    .practice {
        padding-bottom: 100px;
    }

    .practice p {
        font-size: 1.4em;


    }

    .practice p {
        padding: 0;
        margin: 0;
    }

    .row1 {
        display: flex;
        justify-content: center;
        padding-bottom: 77px;
        flex-direction: column;
    }

    .box {
        flex-basis: 30%;
        border: 2px solid #EEEEEE;
        margin: 10px;
        text-align: center;
    }

    .box img {
        width: 100%;
    }

    .box p {
        padding: 5px;
    }

    span.box {
        text-align: center;
    }



    #section2 {
        display: flex;
        background-color: #EEEEEE;
        padding: 20px;
        flex-shrink: 0;
    }



    /* third example */
    .call-outs-container1 {
        background-color: #AAE6DD;
        margin: 0px auto 0 auto;
        padding-top: 0px;
        padding-bottom: 10px;
        font-size: 14px;

    }

    .call-outs-container1 a {
        padding-top: 0px;
    }

    .call-out1 {
        padding-top: 10px;
        padding-bottom: 10px;
        flex-basis: 30%;
        display: flex;
        justify-content: center;

    }

    .call-out2 {
        padding-top: 10px;
        padding-bottom: 10px;
        flex-basis: 40%;
        display: flex;
        justify-content: center;
    }

    .call-out2 p {
        margin: 0;
        padding: 0;
    }

    .call-out3 {
        padding-top: 10px;
        padding-bottom: 10px;
        flex-basis: 30%;
        display: flex;
        justify-content: center;
    }



    .call-out1 p {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

    .call-out1 a {
        font-size: 14px;
    }

    .odyssey {
        color: #6DBFB5;
    }

    .wherewemeet h3 {
        text-align: center;
    }

    .menu ul {
        padding-top: 1em;
    }

}
        @media (min-width: 900px) {
            h3 {
              
            }

            .row1 {
               
            }

            .call-outs-container1 {
                display: flex;
                justify-content: space-between;
                width: 80%;
                padding-left: 10%;
                padding-right: 10%;
            }

            .call-out1 {
                justify-content: flex-start;
            }

            .call-out2 {
                justify-content: flex-start;
            }

            .call-out3 {
                justify-content: flex-end;
            }

            .call-out1:nth-child(1) {
                background-color: #AAE6DD;

            }

            .call-out1:nth-child(2) {
                background-color: #AAE6DD;

            }

            .call-out1:nth-child(3) {
                background-color: #AAE6DD;
            }


            footer {
                background-color: #AAE6DD;
                flex-shrink: 0;
			}
}

@media (min-width: 900px) {
    h3 {
       
    }

    .row1 {
       
    }
	
	#menu-footer-navigation a:hover{
color:#ffffff;	
}
	.contact-item {
	border:1px solid #fff;
	border-radius:10px;
}
}

/* Media Queries */

@media (max-width: 900px) {
  
  #searchbox {
    display: none;
  }

  #blogpost{
    width:100%;
    border-left:0;
  }

  
}

@media (max-width: 719px) {
  
  

  
  .card .card-image img {
    width: 100%;
  }
}



@media (min-width: 720px) {
	.recent-posts-content {
		display:flex;
		flex-direction:row;
		}
	
  .card {
  
  }
  .card .card-image img {
   
		
  }
}

