/*
Theme Name:     ODBM Base Theme -- Our Daily Bread
Theme URI:      http: //rbc.org/
Description:    ODBM Base Theme -- Our Daily Bread
Author:         RBC Ministries
Author URI:     http: //rbc.org/about/
Version:        1.0
Template:       odbm-base
*/

/*
  * Subscription-UK
  * --------------------------------------------------
 */
 .mobile-subscription-options, .print-subscription-options, .email-subscription-options  {
	display: table;
	box-sizing: border-box;
	border-spacing: 10px;
	margin: auto;
	width: 100%;
}

.print-subscription-option-one, .print-subscription-option-two, .mobile-subscription-option-one, .mobile-subscription-option-two, .mobile-subscription-option-three, .email-subscription-option-one, .email-subscription-option-two {
	display: table-cell;
	width: 50%;
	border: 2px solid #acacac;
	padding-bottom: 10px;
}

.print-subscribe-option-card-left, .print-subscribe-option-card-right, .mobile-subscribe-option-card-left, .mobile-subscribe-option-card-right, .mobile-subscribe-option-card-center, .email-subscribe-option-card-left, .email-subscribe-option-card-right {
    padding: 40px;
}

.options-three, .mobile-sub-opt-img {
	width: 50%;
	margin: 0px auto;
}

.mobile-subscription-app-store, .mobile-subscription-google-store {
	float: left;
	width: 40%;
	padding: 10px;
}

.mobile-subscription-app {
    display: flex;
    box-sizing: border-box;
	justify-content: center;
	margin-top: -50px;
}
 
.print-subscribe-option-item-right, .print-subscribe-option-item-left {
    border: 2px solid #acacac;
    padding: 50px;
    display: table-cell;
    position: relative;
}
 
.print-title-quantity {
	font-weight: bold;
	text-transform: uppercase;
}

.select-quantity {
    height: 50px;
    width: 277px;
	margin: 5px 0 15px 0;
	color: black;
	padding: 12px;
	width: 300px;
	border: none;
	font-size: 20px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
}

.booklet-img-print {
	height: auto;
	width: 100%;
    margin: 10px 0 10px;
}
 
 .signup-email-btn {
	 width: 100%;
	 height: 50px !important;
	 border-radius: 30px;
	 background-color: transparent;
	 font-size: 1.7em;
	 color: #acacac;
	 border-color: #acacac;
	 text-transform: uppercase;
 }

 .email-box-title, .print-box-title, .mobile-box-title{
	font-weight: bold;
    max-width: 390px;
    margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
 }
 

 .email-box-description, .print-box-description, .mobile-box-description {
    margin: 30px 0 30px 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
}

.email-subscription-options-header, .print-subscription-options-header, .mobile-subscription-options-header  {
    font-weight: bold;
    font-size: 2.5em;
    margin-bottom: 40px;
}

.email-subscription-options {
	width: 100%;
}

.show-form{
	display:block;
}

#email-form-one {
	margin-top: 50px;
	transition: visibility 0s, opacity 0.5s linear;
}

#email-form-two {
	margin-top: 50px;
}

.message-email {
    font-style: italic;
}

.message-email-print-one{
    font-style: italic;
}

.message-email-print-two{
    font-style: italic;
}

.selectdiv {
    position: relative;
    float: none;
    min-width: 160px;
    margin: 0px 49%;
}
  
.selectdiv:after {
	content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: #acacac;
    right: 20px;
    top: 6px;
    height: 48px;
    padding: 15px 0px 0px 15px;
    border-left: 1px solid #acacac;
    position: absolute;
    pointer-events: none;
}

.subscription-address-uk{
	display: none;
}

.mobile-subscribe-options-three, .subscribe-option-flex {
    width: 100%;
}

.print-subscription-option-one, .print-subscription-option-two {
	position: relative;
}

.footnote.print-subscription{
	position: absolute;
	bottom: 0px;
	left: 0;
    right: 0;
}

  
  /* IE11 hide native button (thanks Matt!) */
.select-quantity-print::-ms-expand {
  display: none;
  }
  
  .selectdiv .select-quantity-print {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 200%;
    max-width: 310px;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 52px;
    font-size: 24px;
    line-height: 1.75;
    color: #acacac;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #acacac;
    -ms-word-break: normal;
    word-break: normal;
}
  
 .show-form{
	 display:block;
 }
 
 #email-form-one {
	 margin-top: 50px;
	 transition: visibility 0s, opacity 0.5s linear;
 }
 
 #email-form-two {
	 margin-top: 50px;
 }

 #print-form-two {
    margin-top: 69px;
}

/*
* End-Subscription-UK
* --------------------------------------------------
*/
 

@media (min-width: 992px) {
    /*
     * Subscription-UK
     * --------------------------------------------------
    */

    .subscribe-option-flex {
		margin: 0px auto;
		place-content: center;
	}

	.mobile-subscription-options.options-three {
		width: max-content;
		margin-right: 50%;
    }
    
    /*
    * End-Subscription-UK
    * --------------------------------------------------
    */
}

@media (max-width: 991px) {
	 /*
	 * Subscription-UK
	 * --------------------------------------------------
     */
     
	 .col-container.email-subscription-options {
		display: block;
	}

	 .email-subscribe-option-item-left, .email-subscribe-option-item-right {
		margin-right: 0px;
		margin-left: 0px;
		display: block;
		margin-bottom: 10px;
	 }

	 .print-subscribe-option-item-right {
		margin-right: 26px;
		margin-left: -30px;
		display: block;
		width: 110%;
		margin-bottom: 10px;
	}
	
	.print-subscribe-option-item-left {
		margin-right: 0px;
		margin-left: -29px;
		display: block;
		width: 110%;
		margin-bottom: 10px;
	}

	.print-form-wrapper{
		margin-top: 10px;
		width: auto;
	}

	.print-subscription-option-one, .print-subscription-option-two, .mobile-subscription-option-one, .mobile-subscription-option-two, .mobile-subscription-option-three, .email-subscription-option-one, .email-subscription-option-two {
		display: block;
		 width: 100%;
		 margin-bottom: 10px;
	 }

	 .mobile-subscription-app-store, .mobile-subscription-google-store {
		width: 50%;
	}

	.options-three {
		width: 92%;
		margin-top: -20px;
	}

	.table-cell{
		width:100%;
	}

	.booklet-img-print {
		height: auto;
		width: 100%;
	}
	
	 /*
	 * End-Subscription-UK
	 * --------------------------------------------------
	 */
 
 }

 @media screen and (min-width: 768px) and (max-width: 992px) {
      /*
       * Subscription-UK
       * --------------------------------------------------
       */

    .options-three {
		width: 97%;
    }
    /*
    * End-Subscription-UK
    * --------------------------------------------------
    */
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
    /*
    * Subscription-UK
    * --------------------------------------------------
    */

    .mobile-subscribe-options-three {
		width: 50%;
		margin: 0px auto;
	}

	.options-three {
		width: 100%;
	}

	.mobile-subscription-options.options-three {
        width: 210%;
        margin-left: -42%;
    }

    .mobile-subscription-option-one, .mobile-subscription-option-two {
        width: 125%;
    }

   .mobile-subscription-app {
       text-align: -webkit-center;
   }
    /*
    * End-Subscription-UK
    * --------------------------------------------------
    */
 }

 @media (max-width: 574px) {

	/*
    * Subscription-UK
    * --------------------------------------------------
    */

	.selectdiv {
	   min-width: 136px;
	   margin: 0px 35%;
   }

   .selectdiv .select-quantity-print {
	   font-size: 15px;
	   width: 160%;
	   padding: 0px 30px;
   }

	/*
    * End-Subscription-UK
    * --------------------------------------------------
    */

}

 @media (max-width: 767px) {
    /*
    * Subscription-UK
    * --------------------------------------------------
    */

    .mobile-subscribe-options.row-flex.subscribe-option-flex, .mobile-subscribe-options-three.subscribe-option-flex {
        display: inline-block !important;
	 }

	 .mobile-subscription-options.options-three {
        width: 100%;
    }
	 
 }