@charset "UTF-8";
/* CSS Document */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body{ margin: 0; padding:0 


/* Coolvetica UltraLight
font-family: "coolvetica", sans-serif;
font-weight: 100;
font-style: normal;
Coolvetica UltraLight Italic
font-family: "coolvetica", sans-serif;
font-weight: 100;
font-style: italic;
Coolvetica ExtraLight
font-family: "coolvetica", sans-serif;
font-weight: 200;
font-style: normal;
Coolvetica ExtraLight Italic
font-family: "coolvetica", sans-serif;
font-weight: 200;
font-style: italic;
Coolvetica Light
font-family: "coolvetica", sans-serif;
font-weight: 300;
font-style: normal;
Coolvetica Light Italic
font-family: "coolvetica", sans-serif;
font-weight: 300;
font-style: italic;
Coolvetica Book
font-family: "coolvetica", sans-serif;
font-weight: 400;
font-style: normal;
Coolvetica Book Italic
font-family: "coolvetica", sans-serif;
font-weight: 400;
font-style: italic;
Coolvetica Regular
font-family: "coolvetica", sans-serif;
font-weight: 500;
font-style: normal;
Coolvetica Regular Italic
font-family: "coolvetica", sans-serif;
font-weight: 500;
font-style: italic;
Coolvetica Bold
font-family: "coolvetica", sans-serif;
font-weight: 700;
font-style: normal;
Coolvetica Bold Italic
font-family: "coolvetica", sans-serif;
font-weight: 700;
font-style: italic;
Coolvetica Heavy
font-family: "coolvetica", sans-serif;
font-weight: 900;
font-style: normal;
Coolvetica Heavy Italic
font-family: "coolvetica", sans-serif;
font-weight: 900;
font-style: italic; */

}




.blog-page{ width: 100%; height: auto;}
.blog-page img{ width: 100%; height: auto; }
.blog-width{max-width: 1300px;height: auto;width: 98%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.blog-widthalign{ align-items: flex-start !important}
.blog-bg{background: #F5E8D5;overflow: hidden;    margin-top: 17px;/* display: flex; *//* align-items: center; */}
.blog-red{
     background: #F5E8D5;
  /* background: linear-gradient(360deg, rgba(237,113,52,1) 0%, rgba(250,5,2,1) 53%); */
   width: 100%; padding: 20px 0;}

.blog-holderHead{ width: 100%; display: flex; margin: 10px auto}
.blog-headingIMG { width: 90px; height: auto; margin-right: 10px;     filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(9deg) brightness(108%) contrast(108%);}
.blog-heading{ width: 100%; height: auto; }
.blog-heading h1 { font-family: "coolvetica", sans-serif;font-weight: 400; font-size: 47px; margin: -5px 0 0 0; padding: 0; width: 100% }
.blog-heading h2 { font-family: "coolvetica", sans-serif;font-weight: 400; font-size: 30px; margin: -10px 0 0 0;padding: 0; width: 100%}

.blog-ColorH {background: #FA0502;background: linear-gradient(to top, #FA0502 0%, #ED7134 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.blog-ColorHW { color: #FFFFFF}
.blog-RM{  display: flex; text-align: center; justify-content:flex-start; align-items: center;}
.blog-RM a{ color: #000; cursor: pointer; text-decoration: none;}
.blog-RM img{ width: 9px; height: 9px; margin-left: 15px;     filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(9deg) brightness(108%) contrast(108%);}
.blog-recent-holder { width: 100%; height: auto; margin: 40px auto}

/* load-more*/
.blog-load-container{ margin:30px auto;
}

.blog-col-md-4{display:none;}

.blog-load-more{
  color:#000;
  padding:20px 70px;
  border-radius:50px;
  margin:50px 0;
  display:inline-block;
  font-family: "coolvetica", sans-serif;
  font-weight: 400;
  font-size: 23px;
  text-decoration:none;
  border:1px solid #000;
  float: inline-end;
}

.blog-load-more:hover{
  text-decoration:underline;
}

/* end load-more*/

/* blog-nav*/
.blog-navT {width:100%;height:auto;max-width: 1300px;width: 100%;display: flex;text-align: center;margin: 20px auto;justify-content: center;  font-family: "coolvetica", sans-serif;
  font-weight: 400;}
.blog-navT ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.blog-navT li {/* float: left; */border: 1px solid #FA0502;margin: 0 10px;border-radius: 40px;}
.blog-navT li a {display: block;color: #FA0502;text-align: center;padding: 14px 40px;text-decoration: none;}
.blog-navT li a:hover:not(.active) { background-color: #FA0502; border-radius: 30px; color:#fff;}
.blog-navT .active {background-color: #FA0502;color:#fff;border-radius: 30px;}
/* End blog-nav*/


.accordionsB {
  max-width: 100%;
  margin: auto;
  position: relative;
  color: #fff;
  margin: 20px auto;
}

.accordionB{ border-bottom: 1px solid #FFF;}

.accordionB .accordion__titleB {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  background-color: var(--white);
  padding: 10px 10px;
  color: var(--dark);
  /* margin-top: 10px; */
  transition: all 0.25s ease;
  cursor: pointer;
  letter-spacing: normal;
  /* margin-left: 15px; */
}

.accordionB .accordion__titleB input {
  appearance: none;
}

.accordionB .accordion__titleB:before {
  transition: all 0.25s ease;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /* content: "\002B"; */
  float: left;
  /* margin-right: 10px; */
  position: absolute;
  left: 8px;
}

.accordionB .accordion__titleB:has(input:checked):before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /* content: "\2212"; */
  float: left;
  position: absolute;
  left: 8px;
}

.accordionB .accordion__textB {
  overflow: hidden;
  max-height: 0;
  background-color: var(--gray-light);
  filter: contrast(0.9);
  transition: all 0.5s ease-in-out;
  font-weight: 400;
}

.accordionB .accordion__textB p {
  font-weight: 400;
  padding: 0px 5px;
  letter-spacing: 0.6px;
  /* margin-left: 20px; */
  margin: 5px 5px;
}

.accordionB .accordion__textB ul {
  font-weight: 400;
  padding: 0px 5px;
  letter-spacing: 0.6px;
  /* margin-left: 20px; */
  margin: 5px 5px 5px 15px;
}

.accordionB .accordion__textB ul li{
  font-weight: 400;
  padding: 0px 5px 0px 5px;
  letter-spacing: 0.6px;
  /* margin-left: 20px; */
  margin: 5px 5px;
}

.accordionB .accordion__titleB:has(input:checked) {
  color: var(--green-light);
}

.accordionB .accordion__titleB:has(input:checked) + .accordion__textB {
  max-height: 100px;
}

.mt-2 {
  margin-top: 20px;
}

.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btn-coffee {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  background-color: green;
  text-transform: uppercase;
  color: white;
  border: 1px solid #0001;
  border-radius: 10px;
  padding: 20px;
  font-weight: 600;
  box-shadow: 2px 2px 6px #0009;
  text-shadow: 1px 1px #0001;
  text-decoration: none;
  transition: all 0.25s ease;
  animation: live 0.6s infinite alternate;
}
.btn-coffee:hover {
  background-color: olive;
}

@keyframes live {
  0% {
    scale: 0.7;
  }
  100% {
    scale: 0.72;
  }
}

/* image -holder-top */

.blog-container{
  width: 100%;
  height: auto;
  margin: 20px auto 40px auto;
  display: flex;
  flex-wrap: nowrap;
  }
.blog-container .innerB {  position: relative; }
.borderR {border-right: 2px solid #f5e8d5;width: 56%;}
.borderL {/* border-right: 2px solid #fff; */width: 33%;}
.blog-right-top {width: 100% !important;position: relative;border-bottom: 3px solid #fff;justify-content: space-between}
.blog-right-bottom {width: 100% !important;display: flex;justify-content: space-between;}
.blog-right-bottom div{width: 49.9%;}
.blog-top-img { width: 100%; position: relative;}
.blog-top-img1 { display: none;}
.blog-bottom { float: left; position: relative; }
.blog-container img{ width: 100%; height: auto; position: relative; display: block;}
.blog-right-top img{ width: 100%; height: auto; position: relative; display: block;} 

.blog-text {width: 100%;height: auto;position: absolute;bottom:0px;padding-bottom: 10px;/* background: rgb(255,255,255); *//* background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 71%, rgba(0,0,0,1) 100%); */padding: 25px 5%;}
.blog-text  h1{font-size: 32px;text-transform: uppercase;color: #fff;font-weight: 600;border: 0;padding: 0;margin: 10px auto;font-family: "coolvetica", sans-serif;font-weight: 400;font-style: normal;}
.blog-text h2{ font-size: 20px; text-transform: uppercase;color: #fff;font-weight: 600;border: 0;padding: 0;margin: 0; font-family: "coolvetica", sans-serif; font-weight: 400; font-style: normal;}
.blog-text h3{ font-size: 16px; color: #fff;font-weight: 600;border: 0;padding: 0;margin: 0;overflow: inherit; font-family: "coolvetica", sans-serif; font-weight: 400; font-style: normal;}

.blog-text1 {width: 100% !important;height: auto;position: absolute;bottom:0px;padding-bottom: 10px;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 71%, rgba(0,0,0,1) 100%);padding: 6px 5%;}
.blog-text1 h2{font-size: 24px;text-transform: uppercase;color: #fff;font-weight: 600;border: 0;padding: 0;margin: 0;font-family: "coolvetica", sans-serif;font-weight: 400;font-style: normal;}
.blog-text1 h3{ font-size: 16px; text-transform: uppercase;color: #fff;font-weight: 600;border: 0;padding: 0;margin: 0;overflow: inherit; font-family: "coolvetica", sans-serif; font-weight: 400; font-style: normal;}

/* End image -holder-top */






.blog-inn-breadholder{width: 100%;display: flex}
.blog-breadcrumb { margin: 0;padding: 0}
.blog-breadcrumb ul { margin: 0;  padding: 10px 16px; list-style: none; font-family: "coolvetica", sans-serif; font-weight: 400; font-style: normal; }
.blog-breadcrumb ul li { display: inline; font-size: 16px;}
.blog-breadcrumb ul li+li:before { padding: 8px; color: black; content: "\203A"; font-size: 20px }
.blog-breadcrumb ul li a { color: #B0030A; text-decoration: underline;}
.blog-breadcrumb ul li a:hover { color: #B0030A; text-decoration: underline;}

/* search*/
.blog-search {width: 100%; position: relative;display: flex;}
.blog-searchTerm { width: 100%; border: 1px solid #B0030A; padding: 20px; height: 20px; border-radius: 30px; outline: none;  background: transparent }
.blog-searchTerm:focus{ color: #B0030A;}
.blog-searchButton {width: 40px; height: 36px; border: 0;  text-align: center; color: #B0030A; background: transparent;  cursor: pointer; font-size: 20px; position: absolute; right: 10px; top:18%}
/*Resize the wrap to see the search bar change!*/
.blog-wrap{ width: 60%; margin: 20px auto; /* top: 50%; left: 50%; transform: translate(-50%, -50%);*/}
.blog-wrap-inn{width: 30%;/* margin: 20px auto; *//* top: 50%; left: 50%; transform: translate(-50%, -50%);*/display: flex;}
.blog-search-inn {width: 100%;position: relative;display: flex;margin: 10px 0;}
.blog-searchTerm-inn {width: 100%;border: 1px solid #B0030A;padding: 20px;height: 10px;border-radius: 30px;outline: none;background: transparent}
.blog-searchTerm-inn:focus{ color: #B0030A;}
.blog-searchButton-inn {width: 40px;height: 36px;border: 0;text-align: center;color: #B0030A;background: transparent;cursor: pointer;font-size: 20px;position: absolute;right: 10px;top: 7%;}

.blog-left{ width: 67%; font-family: "coolvetica", sans-serif;font-weight: 400; color: #000; font-size: 16px;}
.blog-left p{margin: 0 0 10px 0;padding: 0}
.blog-left h1{ font-family: "coolvetica", sans-serif;font-weight: 400; font-style: normal; font-size: 32px; text-transform: uppercase; color: #000}
.blog-time-holder{ width: 100%;}
.blog-time-holder ul { width: 100%; height: auto; display:flex; text-align: center; margin: 0; padding: 0; }
.blog-time-holder ul li { display: flex; font-family: "coolvetica", sans-serif;font-weight: 400; font-style: normal; color: #000; margin: 0}
.blog-time-holder ul li p {margin-right: 10px }
.blog-time-holder ul li p img{ width: 20px; height: 20px; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(9deg) brightness(108%) contrast(108%);}
.blog-left .blog-img{ width: 100%; height: auto}
.blog-left .blog-img img{ width: 100%; height: auto}

.blog-tabtext { font-family: "coolvetica", sans-serif;font-weight: 400; font-style: normal; font-size: 26px; color: #000; text-transform: uppercase }
.blog-Tcontent { width: 100%;}
.blog-Tcontent  ul {width: 100%;height: auto;text-align: center;margin: 0;padding: 0 0 0 12px;}
.blog-Tcontent  ul li {  font-family: "coolvetica", sans-serif;font-weight: 400; font-style: normal; color: #000; margin: 0 0 5px 0; text-align: left}
.blog-Tcontent  ul li a { text-decoration: none; color: #000; }
.blog-Tcontent  ul li a:hover { text-decoration:underline; color: #000; }
.blog-left h2{ font-family: "coolvetica", sans-serif;font-weight: 400; font-style: normal; font-size: 26px; color: #000}
.blog-left h3{font-size: 21px;}
.blog-faq { font-size: 30px}
.blog-faq  { display: flex; }
.blog-faq p:nth-child(1) { width: 30px; height:auto; margin-right: 10px; display: none}

.accordions {
  max-width: 100%;
  margin: auto;
  position: relative;
}

.accordion{ border-bottom: 1px solid #FFF;}

.accordion .accordion__title {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  background-color: var(--white);
  padding: 15px 10px;
  color: var(--dark);
  /* margin-top: 10px; */
  transition: all 0.25s ease;
  cursor: pointer;
  letter-spacing: normal;
  margin-left: 15px;
}

.accordion .accordion__title input {
  appearance: none;
}

.accordion .accordion__title:before {
  transition: all 0.25s ease;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\002B";
  float: left;
  /* margin-right: 10px; */
  position: absolute;
  left: 8px;
}

.accordion .accordion__title:has(input:checked):before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\2212";
  float: left;
  position: absolute;
  left: 8px;
}

.accordion .accordion__text {
  overflow: hidden;
  max-height: 0;
  background-color: var(--gray-light);
  filter: contrast(0.9);
  transition: all 0.5s ease-in-out;
  font-weight: 400;
}

.accordion .accordion__text p {
  font-weight: 400;
  padding: 5px 5px;
  letter-spacing: 0.6px;
  margin-left: 20px;
}

.accordion .accordion__title:has(input:checked) {
  color: var(--green-light);
}

.accordion .accordion__title:has(input:checked) + .accordion__text {
  max-height: 320px; 
}

.mt-2 {
  margin-top: 20px;
}

.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btn-coffee {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  background-color: green;
  text-transform: uppercase;
  color: white;
  border: 1px solid #0001;
  border-radius: 10px;
  padding: 20px;
  font-weight: 600;
  box-shadow: 2px 2px 6px #0009;
  text-shadow: 1px 1px #0001;
  text-decoration: none;
  transition: all 0.25s ease;
  animation: live 0.6s infinite alternate;
}
.btn-coffee:hover {
  background-color: olive;
}

@keyframes live {
  0% {
    scale: 0.7;
  }
  100% {
    scale: 0.72;
  }
}

.blog-share-holder{width: 100%;position: relative;height: 100px;margin-top: 20px}
.share-wrapper {
  float: right;
}
.share-wrapper .share {
  width: 200px;
   height: 50px;
  border-radius: 30px;
  color: #FFF;
  background-color: #F5E8D5;
  text-align: center;
  line-height: 2.1;
  font-size: 25px;
  cursor: pointer;color: #8E0000;
  margin-bottom: 15px;
  transition: background-color 0.4s;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.28);
	
}

.blog-shareF {font-family: "coolvetica", sans-serif;font-weight: 700;font-style: bold;}
.fa-share-alt:before{ content: "\f1e0";   font-weight: 400;font-style: normal;}
.share-wrapper .share.active {
  background-color: #F5E8D5;
	color: #8E0000;
}
.share-wrapper .share.active:before {
  content: "\f00d";
  /* font-weight: 700; */
}
.share-wrapper .share.active + .social li {
  transform: scale(1);
}
.share-wrapper .share.active + .social li:hover {
  transform: scale(1.1);
}
.share-wrapper ul.social {
  opacity: 0;
  visibility: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
  transform: translate(3rem, 0rem);
  transition: visibility 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  position: absolute;
  width: auto;
  right: 210px;
	top:0;
}
.share-wrapper ul.social.active {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.share-wrapper ul.social li {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  color: #FFF;
  background-color: #FFF;
  text-align: center;
  line-height: 2.1;
  font-size: 25px;
  cursor: pointer;
  margin-bottom: 15px;
  box-shadow: 0.5px 0.87px 4px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
  transform: scale(0.4);
	display: inline-block;
	
}
.share-wrapper ul.social li .facebook {
  color: #3A589E;

}
.share-wrapper ul.social li .twitter {
  color: #5FA9DD;
}
.share-wrapper ul.social li .linkedin {
  color: #0D77B7;
}
.share-wrapper ul.social li .google {
  color: #DF4B38;
}
.share-wrapper ul.social li .pinterest {
  color: #CD2129;
}
.share-wrapper ul.social li .youtube {
  color: #CF2227;
}
.share-wrapper ul.social li .instagram {
  color: #305C85;
}


.blog-right{ width: 30%; }
.blog-right.SH{ display: block}

.blog-union{ text-align: center; width: 100%; position: relative}
.blog-union img{ width: 100%; height: auto;}
.blog-union-txt{position: absolute;top: 45%;left:50%;transform: translate(-50%, -50%);font-family: "coolvetica", sans-serif;font-weight: 400;font-style: normal;font-size: 2.3em;background: #FA0502;background: linear-gradient(to top, #FA0502 0%, #ED7134 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: 100%;}

.blog-RELholder{ width: 100%; height: auto; margin: 20px auto; display: flex; flex-wrap: wrap; color: #fff;}
.blog-RELholder div { font-family: "coolvetica", sans-serif;font-weight: 400;font-style: normal;font-size: 20px; }
.blog-RELholder div:nth-child(1){ width: 85px; height: 85px;  }
.blog-RELholder div:nth-child(2){ width: 70%; margin-left: 10px }

.blog-RELholder a{ text-decoration: none; color: #000}
.blog-RELholder a:hover{ text-decoration:underline;}


@media only screen and (max-width: 768px) {
	.blog-width { flex-wrap: wrap; width: 96%;}
	.blog-inn-breadholder { width: 100%; height: auto;}
	.blog-wrap-inn { width: 100%; height: auto;}
	
	.blog-left{ width: 100%; }
	.blog-right{ width: 100%; }
	.blog-right.SH{ display: none}

	.blog-left h1{ font-size: 22px}
	.blog-left h2{ font-size: 20px}
	
	.blog-faq { font-size: 30px !important}
	.blog-faq p:nth-child(1) { display: block; width: 80px}
	.blog-RELholder div:nth-child(2) { width: 62%;}
	.blog-union { max-width: 358px}
	
	.share-wrapper ul.social { right: 110px; top:10px}
	.share-wrapper ul.social li { width: 30px; height: 30px; font-size: 16px}
	.share-wrapper .share { width: 100px; font-size: 20px; height: 45px }
	
	/* blog-main-page*/
	.blog-wrap { width: 100%; height: auto;}
	.blog-navT li {font-size: 16px; border-radius: 70px}
	.blog-container { flex-wrap: wrap;}
	.borderR { width: 100%; border-right: 0px solid #f5e8d5; border-bottom: 2px solid #f5e8d5;}
	.borderL { width: 100%}
	.borderL div:nth-child(1) { display: none}
	.blog-right-bottom div:nth-child(1) { display: block}
	.blog-bottom { width: 50%}
	.blog-text h1{ font-size: 20px}
	.blog-text h3{ display: none;font-size: 14px}
	.blog-text1 h3{ ;font-size: 12px}
	.blog-text { padding: 10px 5%}
	.blog-heading h1 {font-size: 40px}
	.blog-load-more { float: none; margin: 50px auto; display: table}
	.blog-navT li { margin: 0 5px}
	.blog-navT li a { padding: 14px 25px}
	
}

#popular_2,#recent_2,#archive_2,
#popular_3,#recent_3,#archive_3{
  display: none;
}


.blog-Tcontent {
  width: 100%;
  border: 1px solid #000;
  display: table-cell;
  padding: 15px;
}
html {
  scroll-behavior: smooth;
  scroll-padding: var(--scroll-padding, 7rem);
}