/*
Theme Name: Mona Pharmacy College
Theme URI: #
Author: Mona Pharmacy College Team
Author URI: #
Description: Donations: https://calmestghost.com/donate. Pharmacy College is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

.sub-menu {
    position: absolute;
    background-color: #002147;
    list-style: none;
    padding: 10px;
    width: 17rem;
    top: calc(100%);
    left: 23%;
    transform: translateX(0%) translateY(2rem);
    box-shadow: -1px 1px 9px #0000007a;
    transition: all ease 0.5s;
    opacity: 0;
    pointer-events: none;
    z-index: 9;
    text-align: left;
    display: inline-block!important;}
.sub-menu li {
    border-bottom: 1px solid #fff;}    
.menu-item-has-children.menu-item-61 ul.sub-menu{ left: 0%;}
.menu-item-has-children.menu-item-65 ul.sub-menu{ left: 10%;}
.menu-item-has-children.menu-item-70 ul.sub-menu{ left: 20%;}
.sub-menu li a {
    color: #fff !important;}
    ul.sub-menu li a:hover {
    color: #f6b903!important;
}
.menu-item-has-children:hover .sub-menu{
    opacity: 1;
    pointer-events: all;
    transform: translateX(0%) translateY(0);}    
ul.sub-menu li:last-child{border-bottom:none}    
.header-menu .menu li:hover ul.sub-menu{visibility: visible;} 

#menu-main-manu li.menu-item-has-children > a:after {
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 17px;
    margin-left: 5px;
    margin-top: 3px;
    margin-right: 9px;
    position: relative;
    top: 1px;
}
.breadcrumbs {
   padding: 30px 0px 30px;
    text-align: center;
    position: relative;
}
.about-banner {
    background: #46545c;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
	padding: 0;
}
.about-banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
   background: #00000094;
    left: 0px;
    content: "";
	bottom: 0px;
}
.breadcrumbs h1 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 60px;
    font-family: "helvetica";
    font-weight: bold;
}

.about-banner h1:after{
/*     content: ""; */
    background: #fff;
    width: 60px;
    height: 2px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 6px;
}
.about-banner .about-right {
  padding: 9px 0 0px;
}
.breadcrumbs ul {
    display: flex;
   justify-content: center;
    list-style: none;
    align-items: center;
    padding-left: 0px;
}
.breadcrumbs ul li {
    font-family: helvetica;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
     color: #fff;
}
.breadcrumbs ul li a {
    color: #fff;
}
.breadcrumbs ul li i {
    padding: 0 11px;
    color: #ffffff !important;
    font-size: 20px;
}
.all-spacing {
    width: 100%;
	margin: 40px auto;
}
.all-spacing ul li {
    font-size: 16px;
    color: #444444;
    font-weight: 400 !important;
    font-family: "helvetica";
    line-height: 30px;
}
.all-spacing ul {
    padding-left: 19px;
}
.choose-list-inner-icon {
    width: 30%;
    background: #00569159;
    border-radius: 100%;
    padding: 20px;
    margin-left: 125px;
    margin-bottom: 10px;}
.choose-list-inner img {
    width: 100%;
    object-fit: cover;}

img.postthumb {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
}

.all-spacing h2 {
   font-size: 18px !important;
    margin-bottom: 2px !important;
}