/*
Theme Name: Blockshop
Theme URI: https://wpblockshop.dev
Template: kadence
Author: WPBlockshop
Author URI: https://wpblockshop.dev
Description: Primary theme for Divine Mercy University.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: wpblshp
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.unclickable > a:hover {
    cursor: auto;
  }

/* Customizations for the Alumni Directory */
  
  .wpbdp-main-links {
      text-align: left;
  }
  
  .wpbdp-grid {
      grid-gap: 4rem;
  }
  
  .wpbdp-listing .listing-details {
      margin-left: 0;
  }
  
  #wpbdp-categories {
      margin-bottom: 3rem;
  }
  
  .wpbdp-grid .wpbdp-pagination {
      border: 0px;
      box-shadow: none;
  grid-column: span 12 / span 12;}
  
  .wpbdp-grid > * {
      grid-column: span 6 / span 12;
      border: solid #efefef 1px;
      border-radius: .3rem;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
      transform: scale(1.01);
  }
  
  .wpbdp-listing .listing-title a {
      font-size: 1.75rem;
  }
  
  .listing-title H1 {
  color: #027979;
  }
  
  .wpbdp-listing-excerpt {
      padding: 2rem;
  }

/* Customizations for embeeded Form Assembly forms */
  
  .wFormContainer {
  font-family: 'Merriweather Sans', sans-serif;
   }
  
  .wFormTitle {
      display: none;
  }

/* Customizations for Modern Even Calendar pages */
  
  ul.wp-block-social-links.has-icon-color.has-icon-background-color.is-style-pill-shape {
      padding-left: 0em;
  }
  
  section#main-content.mec-container > h1 {
      font-family: Merriweather;
      display: flex;
      justify-content: center;
      padding: 3rem;
  }
  
  h1.has-text-align-center {
      color: #029695;
  }
  
  
  .mec-single-event .mec-event-social li.mec-event-social-icon a {
      text-decoration: none;
      padding: 5px;
  }

  /* Customizations for Gravity Forms */

  
  body #gform_wrapper_1 {
      background-color: #ebecec;
      padding: 2rem;
    margin-top: -5px}
  
  body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {
      background-color: #f7f7f7;
  }

  /* Blockshop Block Customizations */
  
  
  .primary-sidebar.widget-area .widget {
      overflow: hidden;
  }
      
  .blockshop-column-background-teal {
          background-color: #027979;
      }
  
  .blockshop-column-background-red {
      background-color: #8B0000;
      }
  
  .blockshop-column-background-grey {
          background-color: #8c9595;
      }
  
  .blockshop-wide-width {
      margin: 5rem;
  }
  
  .wp-block-group.blockshop-move-left.has-background {
      margin-left: -100px;
      margin-top: 100px;
      z-index: 3;
  }
  
  .single-content ul.wp-block-social-links.has-small-icon-size.has-icon-color.has-icon-background-color.is-style-pill-shape {
      padding-left: 0rem;
      margin-top: 10px;
  }
  
  .site .post-thumbnail .post-thumbnail-inner {
      border-top: #C8922B 5px solid;
  }
  
  .wp-block-media-text .wp-block-media-text__content {
      padding: 0 20%;
  }
  
  div.wp-block-group.blockshop-cover-map {
      margin-top:unset;
  }
  
  div.wp-block-group.blockshop-content-group {
      margin-top:unset;
  }
  
  .wp-block-cover.has-background-dim.blockshop-image-reveal:hover {
      background-color: red;
  }
  
  p.has-text-align-center.blockshop-text-reveal:hover {
      visibility: visibile;
  }
  
  
  .blockshop-group-border {
      border: 1px solid teal;
  }
  
  .wp-block-group.blockshop.testimonial-block {
      margin-top: 10rem;
      margin-bottom: 10rem;
  }
  
  .blockshop-testimonial-box {
      border: .1px solid grey;
      transition: all .2s ease-in-out;
  }
  
  .blockshop-testimonial-box:hover {
      box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
      transform: scale(1.01);
  }
  
  .widgettitle {
      font-weight: 500;
  color: teal;
      text-transform: uppercase;
      font-size: 1.06rem;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  }
  
  .contact-widget {
      font-size: 95%;
      line-height: 2;
  }
  
  .wp-block-separator.blockshop-line.is-style-wide {
      border-bottom-width: .1px;
  }
  
  .degree-info { font-size: 0.7rem;
  font-weight: 500;
  color: #737777;
  letter-spacing: 0.25em;
  line-height: 1.1em;
      text-transform: uppercase;
  }
  
  .degree-info-item {
      list-style: none;
      padding-left: 0rem !important;
      margin: 0 !important;
      text-transform:none;
      letter-spacing: 0em;
      font-size: 110%;
      line-height: 2rem;
  }
  
  .info-box {
      font-size: 0.7rem;
      font-weight: 500;
      color: #737777;
      letter-spacing: 0.25em;
      line-height: 1.1em;
      text-transform: uppercase;
  }
  
  
  .primary-sidebar.widget-area .widget a:not(.button) {
      color: #B1383F;
  }
  
  
  .footer-button {
      background-color:#1da39c;
      border-radius:1px;
      display:inline-block;
      cursor:pointer;
      color:#ffffff !important;
      font-family:Arial;
      font-size:17px;
      font-weight:bold;
      padding:13px 24px;
      text-decoration:none;
      text-shadow:0px 1px 0px #2f6627;
  }
  .footer-button:hover {
      background-color:#d6a30b;
      text-decoration:none !important;
  }
  .footer-button:active {
      position:relative;
      top:1px;
  } 
  
  .footer-navigation .menu {
      display:flex;
      flex-direction: column;
      line-height: .7;
      font-size:90%;
      font-weight:200;
  }
  
  #colophon {
      box-shadow: 0px -8px teal;
      margin-top: 50px;
  }
  
  .primary-sidebar.widget-area .widget {
      line-height: 1.25;
      list-style: none;
  }
  
  .template-wpblockshop-underline {
      border-bottom: 1px solid teal;
  }
  
  .wpblockshop-faculty-template {
      border-bottom: 1px solid teal;
  }
  
  .program-highlight {
      border: 1px solid teal;
      padding: .5rem;
  }
  
  @media screen and (max-width: 600px) {
    .wp-block-button.is-style-outline .wp-block-button__link {
      margin-bottom: 30px;
    }
      .content-cta {
      padding: 1rem;	
      }
  }
  
  .image-break-bottom {
      margin-top: -200px;
  }