/*
Theme Name: cruisePAL Divi Child
Theme URI: https://cruisepal.com/
Description: A child theme for Divi
Author: Your Name
Author URI: https://cruisepal.com/
Template: Divi
Version: 1.0.0
Text Domain: divi-child
*/

/* ==========================================================================
   My Account
   ========================================================================== */
   .support-button{
	border: 1px solid #1492E6;
    background-color: #1492E6;
    padding: 10px 100px !important;
    border-radius: 30px;
    font-weight: 500;
    color: #ffff;
}

/* ==========================================================================
   News Room
   ========================================================================== */
.post-custom-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.post-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.post-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  position: relative;
  background-color: #F1F7ED; 
}

.post-category {
  color: #fff;
  padding: 4px 24px;
  border-radius: 20px;
  font-size: 14px;
  margin: 10px;
  position: absolute;
  bottom: 0;
  border: 1px solid #fff;
}

.post-title {
  font-size: 22px;
  margin: 10px 0;
  color: #000;
  font-weight: 500;
}

.post-excerpt {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
/*   text-align: justify; */
}

.post-link {
  display: flex;
  color: #0C71C3;
  font-size: 13px;
  font-weight: 500;
}

.post-card:hover .post-image {
  transform: scale(1.1);
}

.post-banner {
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-image {
  transition: transform .3s;
}

.post-card:hover .link-arrow img {
  transform: translateX(0);
}

.link-arrow img {
  transform: translateX(-10px);
  transition: all .2s;
}

.link-arrow {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 5px;
}

.load-more-btn {
  margin: 20px auto;
  cursor: pointer;
  border-radius: 50px;
  padding: 6px 30px !important;
  border: 1px solid #0C71C3 !important;
  color: #0C71C3;
  font-weight: 400 !important;
  font-size: 22px;
  background: #fff;
}

.load-more-btn:hover {
  background-color: #f4fdee !important;
}

#category-filter-form {
  /*     text-align: right; */
}

#category-select {
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 16px;
  background-color: #f9fafb;
}

.home-media-room-title h2 {
  color: #0C71C3;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600;
  font-size: 40px;
}

.load-more-news {
  border-radius: 50px;
  margin: 0 0 0 56px !important;
  padding: 4px 30px !important;
  border: 1px solid #0C71C3 !important;
  color: #0C71C3;
  font-weight: 400 !important;
  font-size: 22px;
  display: block !important;
  margin: 0 auto !important;
  text-align: center;
  width: fit-content;
}

.load-more-news::after {
  display: none !important;
}

.load-more-news:hover {
  background-color: #f4fdee !important;
}

#category-filter-form label {
  margin-right: 10px;
  font-size: 14px;
}

/* ==========================================================================
   News Room Single
   ========================================================================== */
.single-main-header.main-header {
  background-color: #19383D;
  background-image: url(https://staging.cruisepal.com/wp-content/uploads/Mask-Group-64-1.png);
}

.single-post-container {
  background-color: #F6F6F5;
}

.post-wrapper {
  max-width: 1500px;
  display: flex;
  flex-direction: column;
  margin: auto;
  color: #021013;
  font-size: 18px;
}

.back-button {
  max-width: 1500px;
  margin: auto;
  padding-bottom: 10px;
}

.back-button a {
  color: #0C71C3;
}

.back-button img {
  width: 14px !important;
}

.post-header h1 {
  font-size: 45px;
  color: #0C71C3;
  font-weight: 700;
}

.single-thumbnail-image {
  text-align: center;
}

.single-category {
  color: #000;
  padding: 4px 24px;
  border-radius: 20px;
  font-size: 14px;
  margin: 10px 0;
  border: 1px solid #000;
  width: fit-content !important;
}

.single-post-content {
  width: 80%;
  display: flex;
  flex-direction: column;
  margin: auto;
}

.single-post-content a {
  color: #0C71C3;
}

.related-posts h3 {
  color: #0C71C3;
  margin: 32px 0 !important;
  padding: 0 !important;
  font-weight: 600;
  font-size: 40px;
}

.single-post-content embed,
.single-post-content iframe,
.single-post-content object,
.single-post-content video {
  max-width: 100%;
  display: block;
  margin: auto;
}

.single-thumbnail-image img {
  border-radius: 20px;
}

.post-content {
  padding: 20px;
}

.post-content h3 {
  color: #0C71C3;
  font-weight: 600;
  font-size: 28px;
}

/* .pdf-viewer {
    margin-top: 40px;
	justify-content:center;
}

.wp-block-pdfp-pdf-poster {
    display: block !important;
}

.pdfp_wrapper .iframe_wrapper, .pdfp_wrapper .iframe_wrapper iframe{
	min-height: 780px !important;
	width: 100% !important;
}

.block-2 .cta_wrapper a, .block-2 .cta_wrapper button, .block-2 .popup-btn{
	background: #0C71C3 !important
} */

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
@media (max-width: 1024px) {
    .post-custom-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .post-content {
        padding: 0;
        margin: 12px;
    }

    .post-header h1 {
        font-size: 32px !important;
    }

    .post-wrapper {
        margin: 0 8px !important;
    }

    .button-custom {
        margin: 0 !important;
        font-size: 18px;
    }   

    .single-post-content {
        width: 95%;
    }

    .home-media-room-title {
        padding-bottom: 0;
    }

    .home-media-room-title .et_pb_row {
        padding-bottom: 0;
    }

    .home-service-section {
        background: linear-gradient(to bottom, #EFF0F0, 75%, white 75%);
    }

    .main-menu li.contact-menu {
        display: block !important;
    }

    .post-content h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .post-content p {
        text-align: justify;
    }

    .back-button {
        margin-left: 10px;
    }
  
	
	.load-more-news{
		margin: 25px auto !important;
	}		
}


/* ==========================================================================
   Contact Us Locations
   ========================================================================== */
.location-wrapper img{
	width: 45px !important;
	height: auto !important;
}