/*
 Theme Name:     Jo Rigby Art
 Theme URI:      https://jorigbyart.com/
 Description:    Jo Rigby Art Theme
 Author:         Martin Bowen
 Author URI:     https://www.smallcoder.co.uk
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");


.et_pb_portfolio_filters {
  display: flex;
  justify-content: center;
}

.nf-field-label {
  display: none;
}

.nf-response-msg {
  font-family: 'Alata';
    font-size: 1.5em;
    line-height: 1.5em;
}

.et_mobile_menu {
      font-size: 2em;
    line-height: 1.8!important;
    text-align: center!important;
}

.mfp-title {
  font-family: 'Alata';
}

.vp-portfolio__filter-wrap {
  font-family: 'Alata', Helvetica, Arial, Lucida, sans-serif;
}

/* Hide mobile menu on tablets and show desktop menu */
@media (min-width: 768px) and (max-width: 980px) {
    /* Hide the mobile navigation icon (hamburger) */
    .et_pb_menu__menu-mobile {
        display: none !important;
    }

    /* Show the main desktop navigation menu */
    .et_pb_menu__menu {
        display: flex !important; /* or block, depending on your menu layout */
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Ensure mobile menu container is hidden if it exists */
    .et_mobile_nav_menu {
        display: none !important;
    }
}

footer#main-footer {
  display: none;
}

.et_pb_post_content .et_pb_section {
  background-color: rgba(0,0,0,0);
  padding-top: 0;
}

.et_pb_post_title {
  margin-bottom: 0!important;
}

.single .et_pb_post {
    margin-bottom: 0;
}

.wp-block-separator .is-style-wide {
  padding-bottom: 2vw;
}

.imagine {
  background: #1A3881;
}

.et_pb_gallery_item img {
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.front-slider, .blog-featured img{
	border-radius: 0px;
/* 	height: 100vh; */
}

.front-slider {
  height: 100vh;
}

.full-width img{
	border-radius: 0px!important;
}


.et_portfolio_image:hover {
  box-shadow: none;
}

.et_pb_gallery_1.et_pb_gallery .et_pb_gallery_image, .et_pb_gallery_2.et_pb_gallery .et_pb_gallery_image, .et_pb_gallery_3.et_pb_gallery .et_pb_gallery_image {
  border-radius: 0!important;
  overflow: hidden;
}

.et_pb_gallery_items {
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: center!important;
}


/* ##### DROPDOWN MENU WIDTH ##### */

.nav li ul {
   width: 280px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 280px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 240px; /* Make this 40 less then the width of the dropdown menu */
}

/* Centre text in 2 column desktop */

.centred-text {
	display: table!important;
	height: 100%;
}

.centred-text .et_pb_text_inner {
	display: table-cell;
	vertical-align: middle;
}

.story-title {
	background-color: rgba(255,255,255,0.5);
    padding: 2em;
    border-radius: 20px;
}

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu {
    background-color: transparent!important;
}

#footer-bottom {
  display: none;
}

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

.mobile_menu_bar:before {
    position: relative;
    top: 0;
    left: -30px;
    font-size: 60px;
    content: "\61";
    cursor: pointer;
    color: #000!important;
}

/* .et_mobile_menu li {
	padding-bottom: 1em;
} */


/*  Slider Arrow Styling */

.et-pb-arrow-next, .et-pb-arrow-prev {
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -24px;
    opacity: 0;
    color: #000!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*  Tabs Styling */

.et_pb_tabs_controls {
	background-color: #fff!important;
}

.et_pb_tabs_controls li {
    border-right: none;
    border-bottom: 2px solid #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.et_pb_tabs_controls li:hover, .et_pb_tabs_controls li.et_pb_tab_active {
	border-bottom: 2px solid #eeebe3;
}


/* Portfolio Gallery Styles */

 .et_pb_portfolio_item {

	text-align: center;
}

/*
.et_pb_portfolio_grid .et_pb_portfolio_item h2 a {
  color: #ffffff;
}


.et_pb_portfolio_grid .et_overlay {
  border: none;
  background-color: rgba(26,56,129,0.7)!important;
}

.mfp-bg {
	background-color: rgba(26,56,129,0.8)!important;
}

.et_pb_portfolio_item {
  height: 20%!important;
} */

/* Set the spacing between images */

.et_pb_portfolio_grid_items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Gallery thumbnail sizing */

.et_pb_gallery_grid .et_pb_gallery_item {
	margin: 1%!important;
}


/*  Popup Form Styling */

.pum-theme-592 .pum-title, .pum-theme-cutting-edge .pum-title {
    text-align: center!important;
    font-size: 36px!important;
}

/* Form Styling*/

.wpcf7 h3, .wpcf7 p, .wpcf7-response-output {
  color: #fff!important;
}

#popmake-603 {
	border-radius: 20px!important;
}

.wpcf7-form {
	padding: 2em;
}

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

.wpcf7-submit {
	all: unset;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Slackey', cursive!important;
    border-radius: 20px;
    border:  2px solid #fff;
    padding: 0.5em;
    background-color:#000;
    color: #ffffff;
    text-align: center;
    transition: all ease-in-out 0.2s;
}

.wpcf7-submit:hover {
	background-color: #000;
	color: #ffffff;
	border:  2px solid #fff;
	cursor: pointer;
}

.nf-form-layout {
  padding-top: 1em;
}

textarea, input.text, input.title, input[type=email], input[type=password], input[type=date], input[type=tel], input[type=text], select, textarea {
    padding: 1.5rem;
    font-size: 1.2em;
    border-radius: 20px;
    font-family: "Montserrat",sans-serif!important;
    width: 100%;
    max-width: 100%;

}

.form-heading h2{
  padding-top: 3rem;
  padding-bottom: 2rem;
}

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

.submit-wrap input {
  border: none;
  box-shadow: none;
  padding: 16px 32px;
  color: #fff;
  font-size: 32px;
  font-family: "Montserrat",sans-serif!important;
  background: #a4a09e;
  transition: all ease-in-out 0.2s;
}


.submit-wrap input:hover {
  cursor:  pointer;
  background: #1B160F;
  -webkit-box-shadow: 0 10px 6px -6px #777;
     -moz-box-shadow: 0 10px 6px -6px #777;
          box-shadow: 0 10px 6px -6px #777;
}

.nf-form-fields-required {
  display: none;
}

.nf-response-msg {
  text-align: center;
  padding-top: 1rem;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  .building-image-row {
    min-height: 100vh;
  }

  /* Posts styling */

  figcaption {
      text-align: center;
      font-size: 0.8vw;
  }
  
}