/* @sFront Page Widgets
 * ========================================================================== */
.tmc-home .content-sidebar-wrap{
display: none;
}

.widget-area {
	margin-bottom: 40px;
}

.flexible-widgets .widget {
	margin-bottom: 20px;
}

.flexible-widgets .widget:last-child {
	margin-bottom: 0;
}

[class^="front-page-"]:last-child .widget-area:last-child {
	margin-bottom: 0;
}

.tmcshome-bg-overlap{

}
.tmcshome-mid{
width: 80%;
margin: 0 auto;
padding: 16px 0;
}
.tmm-sword{
    font-size:1.8rem;
    line-height: 1.5;
}


/* Front Page 1
 * ========================================================================== */

.front-page-1 {
	margin: 0px auto 10px auto;
	width: 100%;
	max-width: 1920px;
	background: transparent url(images/tmcs-fbg.webp) 50% 50% no-repeat;
	background-size: 100% 100%;
    margin-top: -110px;
    padding-top: 110px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #882b3a;
    vertical-align: middle;

}
.front-page-1 .unwrap{
padding: 0 28px;
}

.front-page-1 .flow-text{
width: 48.2%;
margin-top: 4.2rem;
}

.front-page-1 h2{
   font-size: 3.15rem;
   margin-left: 20px;
   margin-right: 0px;
   vertical-align: middle;
   font-weight: 400;
  padding-bottom: 16px;
border-bottom: 5px dotted #882b3a;
margin-bottom: 20px;
/**    position: absolute;
    clip: rect(0, 0, 0, 0); **/
    color:#882b3a;
line-height: 1.2;
}

.ol-hl{
    color: #12587b;
    font-style: italic;
    font-weight: 600;
}
.hero-btn{
background-color: #12587b;
height: 45px;
line-height: 45px;
text-decoration: none;
color: #fff;
text-align: center;
letter-spacing: .5px;
transition: .2s ease-out;
cursor: pointer;
border: none;
border-radius: 2px;
display: inline-block;
outline: 0;
padding: 0 2rem;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}


/* Front Page 2
 * ========================================================================== */

.front-page-2 {
	overflow: hidden;
}

.front-page-2 .widget-area {
	margin-bottom: 0px;
}


.front-page-2 .featured-content article.entry {
  position: relative;
  padding: 0;
}

.front-page-2 .featured-content article a {
  margin: 0;
	display: block;
}

.front-page-2 article:after {
  content: " ";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 2;
  pointer-events: none;
}

.front-page-2 article .entry-header {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
}

.front-page-2 article .entry-header .entry-title {
  margin: 0;
}

.front-page-2 article .entry-header a {
  color: #fff;
  padding: 20px;
  width: 100%;
  display: block;
}

.front-page-2 .widget-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	position: relative;
}

.tmcs-clubheader{}

/* Front Page 3
 * ========================================================================== */
.front-page-3{
    background: transparent url(images/sidecal.webp) 100% 0% no-repeat;
    background-size: auto 100%;
    color: #12587b;
    padding: 16px 20px;
    border-top-right-radius: 16px;
    box-shadow: 0px -2px 4px #888;
    margin-bottom: 1.5rem;
}

.front-page-3 .widget-area {

}


/* Front Page 6
 * ========================================================================== */

.front-page-6 .widgettitle {
	 color: #57e5ae;
}

.simply-calbg .simply{
background: linear-gradient(133deg, white, transparent);
border-radius: 6px;
}

.wowlist {
    margin: 2em 0 0 0;
    padding: 0 1rem;
}

.wowlist-content {
    margin: 0 0 0 0;
    display: flex;
    gap: .5rem;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0 .5rem 0;
}
.wowlist-content strong{
    font-weight: normal;
}

.wowlist svg.lucide {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
}
.wowlist i.fa{
    font-size: 48px;
    float: left;
    width: 68px;
}

.wowlist p {
    margin: 0;
padding: 0;
line-height: 1;
}

.wowlist p > br{
    clear: both;
}

.wowlist p > strong{
    font-size: 18px;
}
.front-page-4{
background-color: #be4c53;
color: #fff;
padding: 40px 0 0 0;
}
.front-page-4 h3{
color: #fff;
font-size: 1.5rem;
}

.front-page-4 .simple-social-icons{
clear: none !important;
display: flex;
align-items: center;
text-align: center;
}
.front-page-4 .simple-social-icons .widget-wrap{
display: block;
text-align: center;
width: 100%;
}

#p-features .row{
margin-bottom: 20px;
clear: both;
overflow: hidden;
}
#p-features h3{
font-size: 2.92rem;
line-height: 110%;
margin: 1.46rem 0 2.668rem 0;
}
#p-features h4{
line-height: 110%;
margin-bottom: 0.5rem;
}

#p-features p {
    font-size: 90%;
    font-weight: normal;
    color: #333;
    margin: .5rem 0;
    line-height: 150%;
}

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

	.widget-area {
	}

	.flexible-widgets,
	.flexible-widgets .featured-content.widget .widget-wrap {
		margin-left: -10px;
		margin-right: -10px;
		width: calc( 100% + 20px );
		display: inline-block;
	}

	.flexible-widgets .widget,
	.flexible-widgets .featured-content.widget > .entry {
		float: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	.flexible-widgets.widget-fourths .widget {
		width: 25%;
	}

	.flexible-widgets.widget-halves .widget {
		width: 50%;
	}

	.flexible-widgets.widget-thirds .widget {
		width: 33.33%;
	}

	.flexible-widgets.widget-halves .widget:nth-child(even),
	.flexible-widgets.widget-thirds .widget:nth-child(3n+1),
	.flexible-widgets.widget-fourths .widget:nth-child(4n+1) {
		clear: left;
	}

}
@media only screen and (min-width: 800px) {

	.front-page-6 .widget {
	 	margin-left: 1.5625%;
	 	padding-left: 32.291666666667%;
		position: relative;
	}

	.front-page-6 .widgettitle {
		position: absolute;
		left: 0;
		width: 32.291666666667%;
		padding-right: 40px;
	}

}



/* Front Page 8
 * ========================================================================== */

.front-page-8 .featuredpage .alignleft,
.front-page-8 .featuredpage .alignright {
	width: 100%;
	margin: 0 auto 20px;
}


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

	.front-page-8 .flexible-widgets .widget {
		margin-bottom: 60px;
	}

	.front-page-8 .flexible-widgets .widget:last-child {
		margin-bottom: 0;
	}

	.front-page-8 .featuredpage .alignleft,
	.front-page-8 .featuredpage .alignright {
		max-width: 63.4%;
	}

	.front-page-8 .featuredpage .alignleft {
		margin-left: -13.4%;
		margin-right: 7.6822916667%;
	}

	.front-page-8 .featuredpage .alignright {
		margin-right: -13.4%;
		margin-left: 7.6822916667;
	}

}





@media only screen and (max-width : 1250px) {
    .front-page-1 h2{
        font-size: 2.2rem;

    }
}
@media only screen and (max-width : 992px) {
    .front-page-1 h2{
        font-size: 2rem;
      margin-top: 1.5rem;
    }
} 
@media only screen and (max-width : 870px) {
.front-page-1 h2{
    font-size: 1.8rem;
}
.front-page-3{
background-image: none;
background-color: #eee;
}

.simply-calbg .simply{
    background: transparent !important;
}
}

@media only screen and (max-width : 752px) {
  .hero-btn{display:none;}
  .front-page-1 h2{border-bottom: none;}
  #p-features h3{
    font-size: 1.8rem;
    text-align: center;
  }

  #p-features h4{
  font-size: 1.4rem;
  }
  .tmm-sword{
    text-align: center;
font-size: 1.4rem;
}

.wowlist i.fa {
    font-size: 36px;
    float: left;
    width: 48px;
}
.wowlist p {
    margin-left: 50px;
    font-size: 11px;
    padding-top: 0.1rem;
    margin-bottom: 1rem;
    width: calc(100% - 50px);
    line-height:148%;
}

#p-features div.one-third{
    text-align: center;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 6px;
    box-shadow: 2px 2px 3px 1px #888;
    width: 98%;
    margin: 0 auto 1rem auto;
}
#p-features p{
    font-size: 92%;
}

.site-footer p {
    font-size: 1rem;
}
}

@media only screen and (max-width : 700px) {
.front-page-1 h2{
  border-bottom: none;
  font-size: 1.3rem;
}
.front-page-1 .flow-text{
margin: 0;
}
.hero-btn{
height: 32px;
line-height: 30px;
}
}



@media only screen and (min-width : 1571px) {
    .front-page-1 .flow-text{
	margin-top: 4.5rem;
    }
    .front-page-1 h2{
    font-size: 2.8rem;
    }
}


@media only screen and (min-width: 1360px){
    .tmm-sword{
	/* font-size: 24px;*/
	margin: 0 auto .75rem auto;
	width:98%;
text-align: center;
    }
}

@media only screen and (max-width: 363px){
    .front-page-1 .unwrap{
    padding: 0 24px;
    }
}


@media only screen and (max-width: 961px){
    .front-page-1 {
        margin-top: -146px;
    }
    .tmcshome-mid,
    .site-header{
        width: 92vw;
    }

.front-page-1 {
    background: transparent url(images/clb.webp) 0% 100% no-repeat;
    min-height: 275px;
}

.front-page-1 .flow-text {
    width: 70vw;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 2rem auto 0 auto;
    align-items: center;
    justify-content: center;
}

.widget-area.tmcshome-bg-overlap{margin-bottom: 0}

}



@media only screen and (max-width : 460px) {
    .front-page-1 .flow-text{
    width: 100%;
    text-align: center;
    padding: 4px 0;
    margin: 0 !important;
    padding: 1rem .25rem  !important;
}


.front-page-1{
    background: linear-gradient(
    222deg, #d9eeff6b, #ffffff00);
    height: revert !important;
    margin: 0;
    min-height: 100px !important;
    padding: 0;
}

    .widget-area.tmcshome-bg-overlap{
    margin: 0;
    }
    .widget-area.tmcshome-bg-over{
        margin: 0;
        padding: 1rem 0 0 0;
    }
    .front-page-1 .flow-text > p{display: none}
    .front-page-1 h2{margin: 0;padding: 0;}

#regbutt {
    margin-top: 3px;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
}

#regbutt a{text-align:center;flex: 1}
#regbutt a span{white-space: nowrap;}

}