@charset "UTF-8";
/*
Theme Name: Ori Oke Iyanu.
Theme URI: https://dientweb.net/
Author: DientWeb Nigeria
Author URI: https://dientweb.net/
*/


html, body 	{float:left;width:100%;margin:0;padding:0;background: #fff;font-family: 'Montserrat', sans-serif;}
body,html,img{color:#000;overflow-x:hidden;border:0;outline:none;margin:0;padding:0;}

ul 			{margin:0;padding:0;}
a 			{text-decoration:none;color: inherit;}
p 			{float: left;margin:10px 0;width: 100%;font-size: 15px;line-height: 25px;letter-spacing: 0px;}
h1          {font-size: 30px;margin:0;}
h2          {font-size: 28px;}
h3          {font-size: 20px;}
h1,h2,h3    {float: left;width: 100%;font-weight:bold;}
img         {max-width: 100%;height: auto;}

#wrapper 	{margin:0 auto;width:1175px;float: none;}
#wrapper2   {margin: 0 auto;width:1210px;float: none;}
#wrapper3   {margin: 0 auto;width:70%;float: none;}

/*header*/
#head {float: left;width: 100%;padding:10px 0 0 0;}
.logo {float: left;width:270px;}
.logo img {float: left; width: 100%;}

.mo-menu {display: none;float: right;margin-top:20px;}
.menu {float:right;width:auto;margin-top:22px;text-transform: uppercase;letter-spacing:1px;font-weight: bold;font-family: 'Montserrat', sans-serif;}
.menu ul {float:left;width: 100%;}
.menu ul li {color:#000;display: inline-block;margin: 0 23px 0 10px;list-style: none;float: right;}
.menu ul li:last-child {margin-right: 0;}
.menu ul li a {color:#000;cursor: pointer;text-decoration: none;font-size:15px;}
.menu ul li a:hover {color:#8a8a8a;}
.menu ul li.active a {color:#8a8a8a;}
.menu ul li.inactive a {color:#000;}
.menu ul li ul {visibility: hidden;position: absolute;width:auto;margin-top: -2px;margin-left: -15px;padding: 14px 15px 23px;height: auto;font-size: 13px;float: left;}

.menu ul li ul li, .menu_main ul li ul li:hover {float: left;display: block;width: auto;padding:6px 0 0 0;text-align: left;
    border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #fff;color: #000;cursor: pointer;margin-left: -5px;}
.menu ul li ul li a {color: #000;float: left;width: 100%;line-height: 0;padding: 10px 10px 18px;}
.menu ul li ul li:hover, .menu ul li ul li a:hover {color:#666;}
.menu ul li:hover > ul {visibility: visible;z-index: 9;}

.mmenu li, .mmenu li a {color:#8a8a8a;}
.mmenu li.current-menu-item a, .mmenu li.current_page_item a {color: #8a8a8a;}
.mmenu ul li ul li.current-menu-item a, .mmenu ul li ul li.current_page_item a {color:#8a8a8a;}

.bbtn {float: right;margin:15px 0 0 10px;}
.bbtn a {background: rgb(184,3,0);background: linear-gradient(90deg, rgba(184,3,0,1) 0%, rgba(255,187,0,1) 100%);float: right;color:#fff; padding:15px 20px;text-transform: uppercase;font-size: 14px;font-weight: bold;letter-spacing: 1px;}
.bbtn a:hover {background: rgb(255,70,0);background: linear-gradient(90deg, rgba(255,70,0,1) 0%, rgba(184,3,0,1) 100%);}

#gradientborder {float: left;width: 100%;height: 5px;margin: 10px 0 0 0;}

/*home slider*/
#bigslider 	{float: left;width: 100%;z-index: 222;margin:0;position: relative;}
#newscroll {margin-bottom: 40px;float:left;width: 100%;}
#newscrollin {float: left;padding: 13px 2% 18px;width: 96%;color: #fff;max-height: none;overflow: hidden;}
#newscrollin, #gradientborder, #bookbox {background: rgb(249,157,0);background: linear-gradient(90deg, rgba(249,157,0,1) 0%, rgba(223,40,0,1) 100%);}
.nshead {float: left;text-transform: uppercase;font-weight: bold;font-size: 13px;letter-spacing:1px;border-right: 1px solid #f4c136;padding-right: 17px;height: 20px;padding-top: 1px;}
.nsfeed {float: left;border-left: none;width:82%;}

#fullbox {float: left;width: 100%;}
#seventyleft {float: left;width: 63%;padding: 20px 2% 0 0;}
#thirtyright {float: right;width: 35%;}
#seventyleft h1 {font-size: 27px;margin: 0;width: 85% !important;}
#seventyleft h1:first-letter {font-size: 93px;float: left;margin: -24px 4px 0px 0px;}
p a {color: #ff0000;}
#hfacility {margin: 40px 0;float: left;width: 100%;}
#mprograms {float: left;width: 100%;margin:8px 0 15px 0;}
#mptitle {float: left;width: 20%;}
#mptitle h2, .tbone {font-size: 23px;}
#mptitle h2:first-letter {font-size: 70px;float: left;margin: -18px 0 0 0;}
#mpboxes {float: right;width: 80%;}
li.postbox {list-style: none;display: inline-block;background: #ebebeb;min-height: 120px;float: left;width: 40.1%;padding: 30px 4%;margin:0 30px 30px 0;}
li.postbox:hover {border-bottom: 5px solid #e74d00; min-height: 115px;}
li.postbox:nth-child(2n) {margin-right: 0;}
li.postbox h4 {margin: 0;}
#bookbox {float: left;width: 100%;margin-bottom: 30px;padding: 30px 0;}
#bookbox p {float: left;width: 70%;color: #fff;font-size:18px;line-height: 29px;margin-top: 14px;}
.wbtn {float: right;margin-top: 10px;}
.wbtn a {float: right;background: #fff;color: #000;text-transform: uppercase;padding:22px 56px;font-weight: bold;}
.wbtn a:hover {background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}

/*inner pages*/
#pagehead {float: left;width: 100%;background: #d5d5d5;padding: 65px 0;}
#pagehead h1 {text-align: center;background: url('img/border.png') no-repeat bottom center;padding-bottom: 20px;}
#threebox {float: left;width: 100%;padding: 60px 0 40px;}
.tbone, .tbtwo, .tbthree {width: 31%;}
.tbone {float: left;margin-right: 40px;}
.tbone h2 {font-size: 26px;background: url(img/border.png) no-repeat bottom left;padding-bottom: 12px;}
.tbone h2:first-letter {font-size: 70px;float: left;margin: -14px 0 0 0;}
.tbtwo {float: left;}
.tbthree {float: right;}
#aboutpics {float: left;width: 100%;margin:0px 0 30px;}
#aboutesti {float: left;}
.catbxo {margin: 60px 0 60px;}
li.articlbox {float: left;width: 31%;margin-right: 41px;list-style: none;display: inline-block;min-height: 370px;}
li.articlbox:nth-child(3n) {margin-right: 0;}
li.articlbox h3 {font-size: 15px;margin: 17px 0 0 0;}
.posttext p {margin: 10px 0 30px;font-size: 13px;line-height: 18px;}
.donate {float: left;width: 100%; margin: 60px 0 30px;}
.donate p {text-align: center;}
.donateform {float: left;width: 90%;background: #ebebeb;padding: 40px 5%;margin-bottom: 100px;}
.donateform h3, #donatebbox h3 {text-align: center;background: url(img/border.png) no-repeat bottom center;padding-bottom: 14px;margin: 5px 0 30px;}
#donatebbox h3 {margin: 16px 0 2px;}
.fwrap {float: left;width: 100%;margin-bottom: 10px;}
#contactbox, #donatebbox {float: left;width: 100%;}
#donatebbox {margin-bottom:50px;}
.donatl, .donatr {background: #ebebeb;width:62%;padding:23px 4% 20px;margin: 0 auto;text-align: center;min-height: 180px;}
.donatl {float:none;}
.donatr {float:right;display:none;}
.cbleft {float: left;width: 48%;}
.cbright {float: right;background: #ebebeb;padding: 15px 4% 20px;width: 42% !important;margin-bottom: 90px;}
.woocommerce .woocommerce-breadcrumb {display: none;}
.lodge {margin: 70px 0;float: left;width: 100%;}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {display: none;}
.woocommerce #sidebar, .woocommerce div.product .product_title {display: none;}
.woocommerce .quantity .qty {padding: 9px 0;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #000000;font-size: 40px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #c92f00;color: #fff;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #dc6000;color: #fff;}
.product_meta {display: none;}
.woocommerce div.product form.cart {float: left;width: 100%;margin-top: 50px;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {border-radius: 0;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 15px 8% 5px;
    margin: 0;
    position: relative;
    background-color: #ebebeb;
    color: #000;
    border-top: 3px solid #faae00;
    list-style: none outside;
    width: 85%;
    word-wrap: break-word;
    float: left;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #bc0e00;
    text-decoration: none;
    background-image: none;
    color: #fff;
}

.woocommerce-message::before {
    content: "\e015";
    color: #c52500;
    margin-left: 40px;
}

.woocommerce .quantity .qty {
    padding: 10px 0;
    margin-top: -4px;
}


.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100%;
    margin-bottom: 40px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 10px;
    font-family: 'Montserrat';
}

.woocommerce-info a {color: #ff4000;}
.woocommerce-checkout #payment {margin-bottom: 80px;}


.woocommerce form .form-row textarea {height: 722px;}

.woocommerce table.shop_table {
    border: 1px solid rgba(0,0,0,.1);
    margin: 70px -1px 24px 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 12px;
    margin: -4px 0 7px 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 13px 17px;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #fff;
    background-color: #de6400;
    border: 0;
    display: inline-block;
    text-transform: uppercase;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

.related {display: none;}

#bukbox {float: left;width: 100%;}
.bkboxl {float: left;}
.bkboxr {float: right;} 
.bkboxl, .bkboxr {margin-bottom: 100px;width: 48%;}
.bkboxl img, .bkboxr img {float: left;width: 100%;height: auto;}
.bkboxl h3, .bkboxr h3 {font-size: 16px;margin: 0;}
.btn {background: #eb5c00;float: left;color: #fff;}
.btn a {padding: 10px 20px;float: left;text-transform: uppercase;font-size: 13px;}

.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
    margin-top: 14px;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents:before {
    content: "";
    background-image: url("https://img.icons8.com/pastel-glyph/2x/shopping-cart--v2.png");
    width: 30px;
    height: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 999;
    position: inherit;
}

.cart-contents-count {
    position: absolute;
    top: 10px;
    right: -5px;
    transform: translateY(-105%) translateX(25%);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #000;
    border-radius: 50%;
    padding: 1px;
    z-index: 999; 
}

/*Contact form*/
.wpcf7-form-control-wrap input[type="text"]     {float: left;width:96%;padding: 20px 2%;border: 1px solid #bfbfbf;outline: none;}
.wpcf7-form-control-wrap input[type="email"]    {float: left;width:96%;padding: 20px 2%;border: 1px solid #bfbfbf;outline: none;}
.wpcf7-form-control-wrap input[type="tel"]      {float: left;width: 96%;padding: 20px 2%;border: 1px solid #bfbfbf;outline: none;}

.wpcf7-textarea {float: left;width:91.8%;padding: 20px;font-family:'Montserrat',sans-serif;height:100px;border:1px solid #bfbfbf;outline: none;}
.wpcf7-submit   {float: left;width:100.2%;padding: 20px 0;text-transform: uppercase;font-weight: bold;cursor: pointer;border:1px solid #e85000;background:#e85000;color: #fff;font-family: 'Montserrat', sans-serif;outline: none;font-size: 15px;}


/*Footer*/
.fullthirty {float: left;width:16%;}
.fullthirty ul li {width: 100%;list-style:none; display:block;margin: 0 0 3px 0;padding-bottom: 3px;border-bottom: 1px solid #e1e1e1;}
.fullseventy {float: right;width: 80%;}
.fullseventy .menu {width: 100%;}
.fullseventy ul li {list-style:none; display:inline-block;width:30%;margin: 0 47px 3px 0;padding-bottom: 3px;border-bottom: 1px solid #e1e1e1;font-size: 15px;letter-spacing: 0;}
.fullthirty ul, .fullseventy ul {float: left;width: 100%;} 
.fullthirty ul li, .fullseventy ul li {float: left;line-height: 27px;text-transform: capitalize;font-weight: normal;}
.fullthirty ul li a:hover {color: #eb5f00;}
.fullthirty h4, .fullseventy h4 {font-size:22px;margin: 13px 0 0 0;}
.fullseventy ul li:nth-child(3n) {margin-right: 0;}
#postfoot {float: left;width: 100%;padding: 40px 0 30px;margin-top:60px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}
.pfseventy {float: left;width:48.3%;}
.pfthirty {float:right;width: 223px;}
.pfseventy p, .pfthirty p {margin:0 0 5px;font-size: 16px;}
.pfthirty ul {float: left;width: 100%;margin-top: 4px;}
.pfthirty ul li {float: left;list-style: none;display: inline-block;margin-right: 16px;}
.pfthirty ul li:last-child {margin-right:0;}
#footercopy {float: left;width: 100%;border-top: 1px solid #ccc;margin: 40px 0 0;padding-top: 30px;font-size: 12px;}
.fcleft {float: left;width: auto;}
.fcright {float: right;width: auto;}



/*===========================================================================================================================
mobile styles
===========================================================================================================================*/

@media (max-width:1024px) {
#wrapper {width: 915px;}
#head .menu, .bbtn {display: none;}
#seventyleft h1 {font-size: 25px;width: 97% !important;}
.mo-menu {display: block;}
#mpboxes {width: 76%;}
li.postbox {width: 39%;}
.fullseventy ul li {width: 30%;font-size: 12px;margin: 0 30px 3px 0;}
#wrapper2 {width: 928px;}
.tbone h2 {font-size: 19px;}
.tbone h2:first-letter {font-size: 80px;}
li.articlbox {width: 30%;min-height: 323px;}
#wrapper3 {width: 90%;}
}

@media (max-width:800px) {
    #wrapper, #wrapper3 {width: 700px;}
    #seventyleft h1 {font-size: 19px;}
    .nsfeed {width: 75%;height: auto;overflow: hidden;}
    #mptitle {width: 100%;}
    #mptitle h2:first-letter {font-size: 23px;float: none;margin: 0;}
    #mptitle h2 {font-size: 23px;text-align: center;background: url(img/border.png) no-repeat bottom center;padding-bottom: 20px;}
    #mpboxes {width: 100%;}
    li.postbox {width: 40%;margin: 0 16px 14px 0;}
    #bookbox p {width: 100%;font-size: 16px;}
    .wbtn {float: left;margin-bottom: 15px;}
    .fullthirty {width: 20%;}
    .fullseventy {width: 75%;}
    .fullseventy ul li {width: 47%;font-size: 13px;}
    .fullseventy ul li:nth-child(2n) {margin-right: 0;}
    .fullseventy ul li, .fullseventy ul li:nth-child(3n) {margin-right: 15px;}
    .fullthirty ul li {font-size: 14px;}
    .fullthirty h4, .fullseventy h4 {font-size: 20px;}
    .pfseventy {width: 63%;}
    .pfseventy p, .pfthirty p {font-size: 13px;}
    .pfthirty ul li {margin-right: 13px;font-size: 13px;}
    .fcright {float: left;}
    .fcleft {margin-right: 10px;}
    .tbone, .tbtwo, .tbthree {width: 100%;margin-right: 0}
    .tbone h2 {display: none;}
    #wrapper2 {width: 697px;}
    #mprograms {margin: 8px 0 50px 0;}
    #seventyleft {width: 100%;}
    #seventyleft h1 {font-size: 26px;}
    #thirtyright {display: none;}
    li.articlbox {width: 48%;margin-right: 28px;min-height: 345px;}
    li.articlbox:nth-child(2n) {margin-right: 0;float: right;}
    li.articlbox:nth-child(3n) {margin-right: 0;}
    .donateform {width: 80%;padding: 40px 10%;}
    .wpcf7-textarea {width: 86.4%;}
}

@media (max-width:684px) {
#wrapper, #wrapper3 {width: 580px;}
.nshead {border-right: none;margin-left: 15px;}
.nsfeed {width:100%;height:100%;}
.fullthirty {width: 100%;}
.fullseventy {width: 100%;margin-top: 25px;}
#seventyleft h1 {font-size: 24px;}
#wrapper2 {width: 580px;}
.wpcf7-textarea {width: 83.5%;}
.donatl, .donatr {width: 92%;}
.woocommerce form .form-row textarea {height: 80px;}
}

@media (max-width:600px) {
    #wrapper, #wrapper3 {width: 540px;}
    .nsfeed {width: 100%;border: 0;height:auto;overflow: hidden;}
    #newscroll #wrapper {width: 100%;}
    .nshead, .nsfeed {border: 0;}
    #newscrollin {max-height: none;}
    .nshead {margin-left: 15px;}
    #seventyleft h1 {font-size: 20px;}
    .fullthirty {width: 100%;}
    .fullseventy {width: 100%;margin-top: 25px;}
    .pfseventy, .pfthirty {width: 100%;}
    li.articlbox {width: 47%;min-height:295px;height: auto;}
    .cbleft {width: 100%;margin-bottom: 30px;}
    .cbright {padding: 15px 7% 20px;width: 86% !important;margin-bottom: 60px;}
    .wpcf7-textarea {width: 91.4%;}
    .woocommerce-message::before {display: none;}
    #wrapper2 {width: 557px;}
}   

@media (max-width:450px) {
    #wrapper, #wrapper3 {width: 350px;}
    #seventyleft h1 {font-size: 19px;}
    li.postbox {width: 84%;padding: 30px 8%;margin: 0 0 25px 0;}
    .fullseventy {display: none;}
    .pfseventy p, .pfthirty p {font-size: 14px;}
    #mptitle h2 {text-align: left;background: url(img/border.png) no-repeat bottom left;}
    #wrapper2 {width: 370px;}
    li.articlbox {width: 100%;margin-right: 0;min-height:300px;height: auto;}
    .wpcf7-textarea {width: 87.4%;}
}

@media (max-width:384px) {
#wrapper, #wrapper3 {width: 340px;}
.logo {width: 220px;}
.mo-menu {margin-top: 14px;}
#wrapper2 {width: 350px;}
}

@media (max-width:360px) {
    #wrapper, #wrapper3 {width: 320px;}
    .logo {width: 210px;}
    .mo-menu {margin-top: 11px;}
    #seventyleft h1:first-letter {font-size: 79px;}
    #seventyleft h1 {font-size: 14px;}
    #bookbox p {font-size: 14px;line-height: 20px;}
    .wbtn a {padding: 12px 19px;}
    h1 {font-size: 21px;}
    #mptitle h2 {font-size: 19px;}
    #wrapper2 {width: 354px;}
    #threebox {padding: 25px 0 30px;}
    .catbxo {margin: 30px 0 0px;}
    .donate {margin: 28px 0 30px;}
    .donateform {margin-bottom: 50px;padding: 40px 10% 10px;}
    .wpcf7-textarea {width: 85.4%;}
    .bkboxl, .bkboxr {margin-bottom: 60px;}
    .bkboxl p, .bkboxr p {font-size: 13px;line-height: 16px;}
}

@media (max-width:320px) {
    #wrapper, #wrapper3 {width: 270px;}
    .logo {width: 180px;}
    .mo-menu {margin-top: 7px;}
    #seventyleft h1 {font-size: 13px;}
    #seventyleft h1:first-letter {margin: -15px 4px 0px 0px;}
    #seventyleft {padding: 0 0 0 0;}
    #hfacility {margin: 20px 0 10px;}
    #wrapper2 {width: 299px;}
}