/* Change main navigation link color */
.navigation-top .main-navigation a {
    color: #ffffff;
}

/* Widen the main outer container wrapper */
@media screen and (min-width: 48em) {
    .wrap {
        max-width: 1200px; /* Adjust total site max-width (Default is around 1000px) */
    }
}

/* Widen the actual page content text areas */
.blog:not(.has-sidebar) #primary article, 
.archive:not(.page-one-column):not(.has-sidebar) #primary article, 
.search:not(.has-sidebar) #primary article, 
body.page-two-column:not(.archive) #primary .entry-content, 
body.page-two-column #comments,
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
    width: 100% !important; 
    max-width: 100% !important;
}


/* Widen main content and wrapper on the homepage only for large screens */
@media screen and (min-width: 768px) {
  body.home .wrap {
    max-width: 1200px; /* Change this value to your preferred width */
    padding-left: 2em;
    padding-right: 2em;
  }
  
  /* Expand the primary container area if using two columns/sidebars */
  body.home .panel-content .wrap {
    max-width: 1200px;
  }
}

/* Add vertical lines between columns on tablet and desktop */
@media (min-width: 782px) {
  .wp-block-columns .wp-block-column:not(:last-child) {
    border-right: 1px solid #9b51e0; /* Line thickness, style, and color */
    padding-right: 20px;            /* Adds space between text and the line */
  }
}

p { text-align: justify; text-justify: inter-word; }


img {
    border-radius: 7px;
}



 /* Round the corners of embedded videos */
.wp-block-embed, 
.wp-block-video, 
.embed-youtube, 
.video-background {
    border-radius: 7px !important;
    overflow: hidden !important;
}

/* Force the video player inside to respect the rounded corners */
.wp-block-embed iframe, 
.wp-block-video video {
    border-radius: 7px !important;
}
   

body.page-id-11583 #primary {
    width: 100% !important;
}
body.page-id-11583 .wrap {
    max-width: 100% !important;
    padding-left: 5%;
    padding-right: 5%;
}


body.page-id-15173 #primary {
    width: 100% !important;
}
body.page-id-15173 .wrap {
    max-width: 100% !important;
    padding-left: 5%;
    padding-right: 5%;
}


body.page-id-15186 #primary {
    width: 100% !important;
}
body.page-id-15186 .wrap {
    max-width: 100% !important;
    padding-left: 5%;
    padding-right: 5%;
}


/* Justify all image captions in Twenty Seventeen */
.wp-block-image figcaption,
.wp-caption .wp-caption-text,
figcaption {
    text-align: justify;
    text-justify: inter-word; /* Improves spacing between words */
}


.wp-caption-text, 
wp-block-video figcaption, 
.video-caption {
    text-align: justify;
}



@media screen and (max-width: 767px) {
  /* Targets standard WordPress video captions/figcaption */
  .wp-caption-text, 
  figure figcaption,
  .entry-content .wp-block-embed figcaption {
    text-align: justify !important;
    text-justify: inter-word;
  }
}
