/*
Theme Name: Newspaper Child
Theme URL: https://www.bodasxcaret.com
Description: Newspaper child theme
Author: Carlos Maldonado
Template: Newspaper
Version: 9.0c
*/

/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/

.row::after {
  content: '' !important;
  clear: both !important;
  display: table !important;
}

.row > div[class*='col-'] {
  float: left !important;
  padding: 5px !important;
}

ul li {
  list-style: none;
}

.hidde-on-all {
  display: none !important;
}

.td-dentist .tdm-header-style-3 .td-header-top-menu-full {
  border-bottom: none !important; /*Delete the border bottom on top menu*/
  margin-top: 20px; /*Margin top to header content */
}

.td-main-page-wrap {
  padding-top: 0; /*Padding between main content and header*/
}

.td-social-icon-wrap .td-icon-font {
  font-size: 17px; /*Social icons*/
}

/* .color-site-title {
    color: #e50695 !important;
} */

/*To contact button on top menu and for buttons in general*/
#menu-item-20 a,
.btn-bodas {
  align-content: center;
  font-size: 14px;
  background-color: #e50695 !important;
  padding: 5px 30px;
  color: white;
  border-radius: 3px;
  transition: 0.2s ease;
}

#menu-item-20 a:hover,
.btn-bodas:hover,
.wedding-wrapper-btn:hover,
.image-hover .tdm-image-wrap .tdm-image-description .tds-button a:hover {
  background: #e50695 !important;
  color: #ffffff !important;
}

.tdm-header-style-3 .sf-menu {
  float: none; /*For ul element on main menu bar, put the elements on the left*/
}

.sf-menu,
.sf-menu ul,
.sf-menu li {
  margin-right: 20px; /*For li elements on main menu bar*/
}

.row-testimonials a {
  color: #e50695 !important;
  text-decoration: underline;
}

.row-testimonials h2 {
  color: #e50695;
}

/*In mobile menu use another id, so this necesary just here since affects all devices except mobile*/
#menu-main-menu-1 > li:last-child {
  display: none !important;
}

/*********Index - ceremonies/receptions*******/
.image-hover .tdm-image-box {
  height: 500px;
}

.image-hover .tdm-image-description {
  display: none;
}

.image-hover .tdm-title-md {
  margin-top: 50%;
  font-size: 20px !important;
  font-family: sackers-gothic-medium !important;
}

.image-hover .tdm-image-meta {
  margin-top: 0;
  bottom: unset !important;
}

.image-hover .tdm-image-wrap:hover .tdm-image-meta {
  -webkit-transition: 0.2s ease !important;
  transition: 0.2s ease !important;
  display: inline-block;
  padding: 0;
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
}

.image-hover .tdm-image-wrap:hover .tdm-image-description {
  display: block;
}

.image-hover .tdm-image-wrap .tdm-image-description {
  -webkit-transition: 0.2s ease !important;
  transition: 0.2s ease !important;
}

.image-hover .tdm-image-wrap:hover .tdm-image-description {
  background: rgba(0, 0, 0, 0.6) !important;
}
/********End*******/

/******************Footer*****************/
.row-icons {
  border-bottom: 1px solid #a99b92;
  padding: 10px;
}

.td-footer-wrapper {
  padding-top: 0;
  font-family: quicksand-light-webfont;
}

.td-footer-container h5 {
  color: #a99b92;
  font-family: quicksand-light-webfont;
}

#general-info ul li {
  margin-bottom: 10px;
}

#customer-certificactions div:first-child {
  padding-left: 24px !important;
}

#certifications img {
  margin: 0 0 10px 20px;
}

#general-info h5 {
  border-bottom: solid 1px #ec199c;
  width: max-content;
  font-weight: 700;
}
/****************End footer*************/

/****************Sub footer*************/
.td-sub-footer-container {
  font-family: quicksand-light-webfont;
}

.td-sub-footer-container ul {
  margin: unset;
}

.td-sub-footer-container ul li {
  display: inline;
  color: #a99b92;
}

.td-sub-footer-container ul li a {
  color: #fff;
}

.main-container-sub > .td-pb-span4 {
  padding-left: 0;
  padding-right: 0;
}

#copyright {
  text-align: center;
}
/*****************End sub footer*********/

/**************Gallery page**************/
.wedding-gallery {
  margin-bottom: 6px;
}

.wedding-gallery div img {
  height: 250px; /*Height for images, the class is in the row that wrap images*/
}
/********************************End galery page********************************/

/*********************************Media queries*********************************/

@media only screen and (max-width: 767px) {
  .td-header-menu-wrap-full > .td-header-menu-wrap {
    padding-left: unset !important; /*reduce left padding for main menu just before tablet resolution*/
  }

  #general-info {
    text-align: center;
  }

  #general-info h5 {
    width: auto;
  }

  .phones li {
    float: left !important;
  }

  .tab div:nth-child(2n + 1) {
    margin-bottom: unset !important;
  }

  .tab .tablinks {
    border-top: 2px solid #e50695 !important;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .col-xs-3 {
    width: 25% !important;
  }

  .col-xs-6 {
    width: 50% !important;
  }

  .col-xs-12 {
    width: 100% !important;
  }

  .col-sm-12 {
    width: 100% !important;
  }

  .hidde-on-sm {
    display: none !important;
  }

  .show-on-xs {
    display: inline-block !important;
  }

  .row-icons {
    padding: 0;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .col-sm-3 {
    width: 25% !important;
  }

  .col-sm-6 {
    width: 50% !important;
  }

  .col-sm-12 {
    width: 100% !important;
  }

  .show-on-sm {
    display: inline-block !important;
  }

  .hidde-on-sm {
    display: none !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .col-md-4 {
    width: 33.33% !important;
  }

  .col-md-6 {
    width: 50% !important;
  }

  .row-icons div:nth-child(1n + 2) {
    margin-left: unset;
  }

  .show-on-md {
    display: inline-block !important;
  }

  .hidde-on-md {
    display: none !important;
  }

  .phones li {
    float: left !important;
    /* margin-right: 5px; */
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .hidde-on-lg {
    display: none !important;
  }

  .show-on-lg {
    display: inline-block !important;
  }

  .col-lg-1 {
    width: 8.33% !important;
  }

  .col-lg-6 {
    width: 50% !important;
  }

  .row-icons div:nth-child(1n + 2) {
    margin-left: 25px;
  }

  #general-info {
    padding: 0 150px;
  }
}

@media (max-width: 768px) {
  /*footer*/
  #general-info {
    padding: 0 10px;
  }

  /*galery page*/
  .wedding-gallery {
    margin-bottom: 0 !important;
  }

  /*galery page*/
  .wedding-gallery div {
    margin-bottom: 3px;
  }

  .td-header-menu-wrap-full > .td-header-menu-wrap {
    padding-left: 10px; /*reduce left padding for main menu*/
  }

  .sf-menu,
  .sf-menu ul,
  .sf-menu li {
    margin-right: 0; /*For li elements on ul main menu bar*/
  }

  .sf-menu li a {
    font-size: 11px !important;
  }

  .col-sm-3 {
    width: 25%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .sf-menu,
  .sf-menu ul,
  .sf-menu li {
    margin-right: 5px; /*For li elements on main menu bar*/
  }

  .sf-menu li a {
    font-size: 11px !important;
  }
}

@media only screen and (max-width: 1366px) {
  .image-hover .tdm-image-description {
    display: block;
  }

  /* Hidde elements for hover ceremonies */
  .image-hover .tdm-image-meta {
    bottom: 10% !important;
  }

  .image-hover .tdm-image-wrap .tdm-image-description .tds-button {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .tdm-header-style-3 .td-main-menu-logo img {
    max-height: 48px; /*reduce size logo*/
  }

  /*Responsive for each row with image-text */
  .row-responsive-reverse {
    display: flex !important;
    flex-direction: column-reverse;
  }

  .row-responsive .td-pb-span6,
  .row-responsive-reverse .td-pb-span6 {
    width: 100% !important;
  }
}

/************End media queries************/

/*
*For buttons inside revolution slider sliders, these buttons don't get
*the same style as the general buttons, so i had to overwrite its default styles
*/
.wedding-wrapper-btn,
.image-hover .tdm-image-wrap .tdm-image-description .tds-button a {
  color: #ffffff;
  text-align: center;
  align-content: center;
  background-color: #e50695 !important;
  transition: 0.2s ease !important;
  font-family: quicksand-light-webfont !important;
  border-radius: 3px !important;
}

/*************************FAQ'S page**************************/
.faqsrow {
  font-family: quicksand-regular-webfont !important;
}

.title-faqs {
  margin-top: 0;
  padding: 0;
  text-align: center;
}

.title-faqs h1 {
  font-family: sackers-gothic-medium !important;
  color: #e50695;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 4px;
  margin-top: 0;
  margin-bottom: 48px;
}

.tab h3 {
  font-family: sackers-gothic-medium !important;
  color: #a99b92;
  padding: 18px;
  font-size: 18px;
}

.tab {
  float: left !important;
  /* background-color: #BAB488; */
  width: 100%;
  height: auto;
}

/*margin between each section question*/
.tab div:nth-child(2n + 1) {
  margin-bottom: 50px;
}

/* Buttons styles inside the tab */
.tab button {
  font-family: sackers-gothic-medium !important;
  display: block;
  background-color: inherit;
  color: #a99b92;
  padding: 18px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
}

.tab .tablinks {
  border-top: 3px solid #e50695;
  font-weight: bolder;
}

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

/*****************Accordion**************/
/* Style the tab content */
.tabcontent {
  float: left;
  height: auto;
}

.tabcontent h3 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
}

.tabcontent ul {
  margin-top: 0;
}

.tabcontent .list-style-faqs:before {
  content: '\2022';
  color: #e50695;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  color: #a99b92;
  cursor: pointer;
  width: 100%;
  text-align: left;
  transition: 0.4s;
  font-family: sackers-gothic-medium !important;
  font-size: 16px;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: '\2796'; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel, hidden by default */
.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: unset;
}

.panel p {
  padding: 10px 0;
  font-family: quicksand-light-webfont !important;
}
/**************End accordion**************/
/***************End FAQ's***************/

/*************Dropdown FAQ'S****************/

/* Style The Dropdown Button */
.dropbtn {
  color: white;
  padding: 16px;
  border: none;
  cursor: pointer;
  width: 100%;
}

.dropdown {
  position: relative;
  width: 100%;
  font-family: sackers-gothic-medium !important;
  font-size: 14px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  text-align: center;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.show {
  display: block;
}
/*****************End Dropdown FAQ'S*****************/

/**********************Site Map***********************/
#sitemap h1,
#cancun-riviera h1,
#terminos-uso h1,
#page-aviso h1 {
  font-family: sackers-gothic-medium !important;
  text-align: center;
  color: #e50695;
}

#sitemap h4 {
  font-family: sackers-gothic-medium !important;
  font-size: 1rem;
  line-height: 1rem;
}

#sitemap ul,
#page-aviso ul {
  font-family: quicksand-regular-webfont !important;
  padding-left: 1rem;
}

#sitemap ul li {
  list-style-type: disc;
  color: #a99b92 !important;
}

#sitemap h4,
#sitemap a {
  color: #a99b92 !important;
}

#sitemap ul li a {
  color: #e50695 !important;
}
/********************End Site Map**********************/

/*******************Cancún y Riviera Maya**************/
#cancun-riviera h2,
#terminos-uso h2,
#page-aviso h2 {
  font-family: sackers-gothic-medium !important;
  font-size: 1.3rem;
  line-height: 1rem;
  color: #a99b92 !important;
}

#cancun-riviera p,
#terminos-uso p,
#page-aviso p {
  font-family: quicksand-regular-webfont !important;
  font-size: 1rem;
}
/*****************End Cancún y Riviera Maya************/

#list-terminos li {
  list-style-type: upper-roman;
}

/*******************Tailwind**************/
@media (min-width: 1280px) .xl\:px-0 {
	padding-left: 0;
	padding-right: 0;
}

.my-12 {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.justify-center {
	justify-content: center;
}

.items-center {
	align-items: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex {
	display: flex;
}

.relative {
	position: relative;
}

.px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.justify-around {
	justify-content: space-around;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.pt-4 {
	padding-top: 1rem;
}

.mt-24 {
	margin-top: 6rem;
}

.uppercase {
	text-transform: uppercase;
}

.text-grey {
	--text-opacity: 1;
	color: #595959;
	color: rgba(89, 89, 89, var(--text-opacity));
}

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

.text-xl {
	font-size: 1.25rem;
}

@media (min-width: 1280px) .xl\:px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}

@media (min-width: 1024px) .lg\:px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.w-auto {
	width: auto;
}

.w-full {
	width: 100%;
}

.justify-center {
	justify-content: center;
}

.items-start {
	align-items: flex-start;
}

.flex-1 {
	flex: 1 1 0%;
}

.pb-2 {
	padding-bottom: 0.5rem;
}

.px-20 {
	padding-left: 5rem;
	padding-right: 5rem;
}

.border-b-2 {
	color: #a99b92;
	border-bottom: solid 1px #ec199c;
}

@media screen and (max-width: 600px) {
	.flex-col {
		flex-direction: column;
	}
}

@media (min-width: 768px) {
    .md\:justify-center {
        justify-content: center
    }
    .md\:w-auto {
    width: auto;
    }
    .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
    }
}

@media (min-width: 1024px) {
    .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    }
    .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
    }
}

@media (min-width: 1280px) {
    .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    }
    .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
    }
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/********************End Tailwind**********************/