/* style.css | http://ghdc.generationsofhope.org/wp-content/themes/generations-of-hope/style.css 
* 
* MOD 8 Aug 2020 to further separate clickable elements on mobile 
*/

ul.wp-tag-cloud li {
  line-height: 1.35;
}


/* Element | http://ghdc.generationsofhope.org/privacy-policy/ */

#post-8981 {
  line-height: 1.45;
  font-family: garamond;
  font-size: 1.2em;
}
/*new-sevtions*/
.two-combine-section {
    width: 100%;
    margin: 0 auto;
    background-color: #f7f9ea;
    display: inline-block;
    padding: 50px 0;}
.right-side {width: 54%;float: right;padding-top: 0px;}
.right-side p, .single-section p{color: #555555;font: 1.1em/1.55em Arial, Helvetica, sans-serif;margin-top: 0px;font-size: 14px;}
.right-side p {margin-bottom: 20px;}
.right-side h3 {
    font: 1.45em/150% Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #2244aa;
    font-size: 22px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
}
.right-side h3 span {
    width: 100%;
    display: inline-block;
    text-transform: capitalize;
    color: #8CA77E;
    font-size:35px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 20px;
}
.right-side h3::before {
    position: absolute;
    content: "a";
    bottom: 0px;
    width: 100px;
    height: 2px;
    background-color: #ccc;
    font-size: 0px;
}
.two-combine-section .inner-part {width: 82%;margin: 0 auto;}
.right-side .read-more {
    display: inline-block;
    font-size: 15px;
    background-color: #2244aa;
    border: 2px solid #2244aa;
    padding: 10px 14px;
    text-transform: uppercase;
}
.right-side .read-more a {color: #fbfbfb;}
.right-side .read-more:hover {
    cursor: pointer;
    background-color: #ccc;
    border: 2px solid #ccc;
}
.right-side .read-more a:hover {color: #232323;}
button.buy-now {
    display: inline-block;
    font-size: 15px;
    background-color: #ccc;
    border: 2px solid #2244aa;
    padding: 10px 16px;
	text-transform: uppercase;
    margin-left: 5px;}
button.buy-now a{color: #2244aa;}
button.buy-now:hover {background-color: #ccc;border: 2px solid #ccc;color: #000;}
button.buy-now a:hover{color: #000;}
.left-side {width: 46%;float: left;}
.left-side img {width: 80%;box-shadow:10px 10px 15px #00000080;height: 380px;}
.single-section {width: 82%;margin: 0 auto;text-align: center;padding: 35px 0 45px;}
.outter-section {width: 100%;padding: 0;display: inline-block;}
.outter-section h3 {
    font: 1.45em/150% Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #2244aa;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 35px;
    position: relative;
}
.outter-section h3::before {
    position: absolute;
    content: "a";
    bottom: -10px;
    width: 100px;
    height: 2px;
    background-color: #ccc;
    font-size: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0 auto;
}
.single-section span.first {
    text-transform: uppercase;
    font-size: 19px;
    margin-top: 10px;}
.single-section span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #8C4B3D;
    margin-bottom: 18px;}
a.book-landing {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    border: 2px solid#a3a887;
    border-radius: 24px;
    background-color: #a3a887;
    padding: 10px 19px;
    display: inline-block;}
.first-quo {
    width: 50%;
    text-align: center;
    float: left;}
.quote {
    background-color: #ffffff;
    padding: 15px 15px;
    margin-top: 0px !important;
    width: auto;
    margin-right: 10px !important;
    box-shadow: 2px 3px 8px #0000002e;
    text-align: left;
    height: 90px;
    margin-bottom: 15px !important;
}
p.namw-quote {margin:5px 0px 0px;color: #8C4B3D;}
.single-quoted {
    width: 44%;
    margin: 0 auto;
    float: none;
    display: inline-block;
}
.single-quoted .quote {width: 100%;margin-bottom: 0px !important;}
.two-both {width: 100%;display: inline-block;}
a.book-landing:hover {
    background-color: #999e7e;
    border: 2px solid #999e7e;
}

@media (max-width : 992px){
.right-side p, .single-section p {font-size: 13px;}
	
	
}

@media (max-width : 767px){
#masthead h1 {width: 100%;}
ul#menu-main-menu a {width: auto;}
.two-combine-section, .single-section {width: 100%;}
.left-side {width: 100%;float: left;text-align: center;}
.right-side {width: 100%;float: right;padding-top: 40px;}
.right-side h3 {font-size: 18px;letter-spacing: 1px;}
.right-side h3 span {font-size: 30px;margin-bottom: 10px;}
.right-side p, .single-section p {margin-top: 14px;font-size: 14px;}
.outter-section h3 {font-size: 30px;letter-spacing: 0px;}
.single-section span {margin-top: 5px;font-size: 15px;margin-bottom: 8px;}
.single-section p {margin-bottom: 15px;margin-top: 15px;}
.single-section span.first {font-size: 17px;}
.right-side .read-more {font-size: 13px;padding: 9px 12px;}
button.buy-now {font-size: 13px;padding: 9px 14px;}
.right-side p {margin-bottom: 20px;}
a.book-landing {
    padding: 7px 12px;
    font-size: 11px;
}
.first-quo {width: 100%;}
.quote {margin-right: 0px !important;height: auto;}
.first-quo {
    width: 93%;
    margin: 0 auto;float: none;
}
.single-quoted {
    width: 100% !important;
    margin: 0 auto;
    float: none;
}
.single-quoted .quote {
    width: 85%;
    margin: 0px auto !important;
}
.left-side img {
  
    height: auto;
}
.buy-now {margin-right: 8px !important;}



}

@media (max-width :767px) and (orientation : landscape){
#masthead h1 a {width: 65%;}
.single-quoted .quote {
    width: 88%;
    margin: 0px auto !important;
}


}




.buy-now {
	/* display: inline-block; */
	/* font-size: 15px; */
	background: url(https://ghdc.generationsofhope.org/wp-content/uploads/2020/11/5a902dad7f96951c82922872.png) no-repeat;
	/* border: 2px solid #2244aa; */
	padding: 8px 50px;
	/* text-transform: uppercase; */
	/* margin-left: 5px; */
	max-width: 200px;
	height: 32px;
	background-size: 100% !important;float: left;margin-right: 15px;
	/* background: none; */
	/* background: ; */
	/* margin-top: 20px; */
}