/*!
Theme Name: bresurgery
Theme URI: http://perthbizweb.com.au/
Author: Marc Moeller
Author URI: http://perthbizweb.com/
Description: Description
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bresurgery
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bresurgery is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*font-family: 'Montserrat', sans-serif;*/
.main-menu li:hover > ul.sub-menu { top:100%;}.main-menu > li {padding-bottom:10px;}
:root{
   /* -primary-color:  #ae4e94; */
	-primary-color: #BD569B;
    -color-white: #fff;
    -color-black: #000;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    font-weight: 300;
	line-height: 30px;
    overflow-x: hidden;
    margin-top: 190px;
}

body.home {
    margin-top: -25px !important;
}
body.home header.site-header {
    height: auto !important;
}
p, ul, ol, dl, address, pre, table, blockquote, fieldset{
    margin: 0 0 1.5rem;
}
ul{
	margin: 0;
	/*padding: 0;*/
	/*list-style: none;*/
}
a{
	text-decoration: none;
    transition: .3s;
}
a:hover{
	text-decoration: none;
    color: var(--primary-color);
    text-shadow: 0px 0px 1px #ddd;
}
img{
	max-width: 100%;
	height: auto;
}








/********************************
 ******Header Style*********
*********************************/



/*header top*/

.header-top {
    margin-bottom: 20px;
}
.site-header {
    padding-top: 20px;
    background: rgba(0,0,0,.2);
    padding: 20px 0 0px;
    background: rgba(255,255,255,.65);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: auto;
    transition: .4s;
}
header.sticky {
    background: #f0f1f4;
}

/*Logo area*/
.logo-area .site-title a {
    font-size: 30px;
    font-weight: 600;
    color: #ae4e94;
}

.quick-call i {
    font-size: 16px;
    color: var(--color-white);
    background: var(--primary-color);
    padding: 10px;
    border-radius: 7px;
    margin-right: 10px;
}

.quick-call span {
    font-size: 24px;
    font-weight: 300;
}

.quick-call strong {
    font-weight: 600;
}

.quick-call strong a {
    color: #000;
}


/*header bottom*/
.responsive_mobile_menu{
    display: none;
}
.main-navigation ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;

}

.main-menu li a {
    display: inline-block;
    color: #000;
    font-size: 22px;
    font-weight: 300;
    padding: 10px 15px;
    transition: .4s;
    border-radius: 5px;
}

.main-menu li a:hover {
    background: var(--primary-color);
    color: var(--color-white);
}
.main-menu li {display: block;position: relative;}

.main-menu li.current-menu-item > a {
    color: var(--primary-color);
}
.main-menu li.current-menu-item > a:hover {
    color: #fff;
}


@media only screen and (min-width: 788px) {

.custom-logo{
padding-top: 15px;
    max-width: 455px;
    position: relative;
    left: 16px;
}


header.sticky {

    background: lightgray;
    font-size: 12px !important;
    padding: 0px !important;
}

}


/*** START MOBILE SYLING **/

@media only screen and (max-width: 788px) {
	.custom-logo{
		min-width: 290px;
	}
}

@media only screen and (max-width: 480px){
	/* MENU */
	#masterhead ul.sub-menu li a{ 
		color: #FFFFFF !important;
	}
}

/*** END MOBILE SYLING **/


/*dropdown menu*/
.main-menu ul.sub-menu {
    position: absolute;
    /*background: #ad4d93;*/
    background: #0046bf;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 260px;
    border-radius: 5px;
    z-index: 999999;
    top: 200px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
	font-weight: 400 !important;
line-height: 25px !important;
border-top: #fff 1px !important;
}

.main-menu li ul.sub-menu li ul {
    left: 100%;
    top: 0 !important;
}

ul.sub-menu li a {
    display: block;
    color: #fff;
}
.main-menu li.menu-item-has-children:hover > a {
    background: var(--primary-color);
    color: var(--color-white);

}

.main-menu li ul li.current-menu-item > a {
    color: #fff;
    background: #672a6d;
}
.main-menu li:hover > ul.sub-menu {
    top: 48px;
    opacity: 1;
    visibility: visible;
}







/********************************
 ******Breadcrumb Navxt *********
******************`***************/




.bresurgery_page_custom_title{
    font-size: 13px;
    color: #a4adb8;
}
.bresurgery_page_title_area {
    background: #f0f1f4;
    padding: 60px;
    margin-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bresurgery_page_custom_title h2 {
    font-size: 26px;
    font-weight: 600;color: #1f2125;
}


.bresurgery_page_custom_title a{
    color: #11de9d !important;font-weight: 500;
}



/********************************
 ******Blog Page Style*********
*********************************/

.bresurgery_blog_wrapper {
    padding: 60px 0;
}
.bresurgery_post_wrap{
    padding-right: 40px;
}
.bresurgery_blog_wrapper article {
    margin-bottom: 60px;
}


.bresurgery_featured_image {
    float: left;
    width: 31%;
}

.bresurgery_b_content {margin-left: 35%;}

/*.bresurgery_featured_image img {
    height: 252px;
    width: 252px;
}*/

.entry-header .post_title,.entry-header .entry-title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    margin-bottom: 10px;
}

.entry-header .post_title a,.entry-header .entry-title a {
    color: #3a404b;
}
.entry-header a{
    transition: .3s;
}
.entry-header a:hover{
    color: var(--primary-color);
}
.entry-header {
    margin-bottom: 10px;
}
.entry-meta,.entry-meta a {
    color: #a0a9b5;
}

.entry-meta a {
    font-size: 12px;
    font-weight: 500;
}

.entry-meta {
    font-size: 13px;
    position: relative;
}
.entry-meta span{
    margin-left: 5px;
}
.entry-meta span:first-child{
    margin-left: 0;
}

.posted-on {
    position: relative;
    padding-left: 18px;
}

.posted-on:before {
    position: absolute;
    content: "\f017";
    left: 0;
    top: -5px;
    font-family: fontawesome;
    font-size: 13px;
    color: #a0a9b5;
}

.byline {
    padding-left: 30px;
    position: relative;
}

.byline:before {
    position: absolute;
    content: '\f007';
    font-family: fontawesome;
    font-size: 12px;
    left: 16px;
    top: -5px;
}

.entry-footer {
    font-size: 13px;
    color: #969fac;
}
.entry-footer span{
    margin-left: 5px;
}
.entry-footer span:first-child{
    margin-left: 0;
}

.entry-footer a {
    color: #969fac;
    font-weight: 500;
}

.cat-links {
    position: relative;
    padding-left: 18px;
}

.cat-links:before {
    position: absolute;
    content: '\f07c';
    font-family: fontawesome;
    left: 0;
    top: -5px;
}

.comments-link {
    position: relative;
    padding-left: 20px;
}

.comments-link:before {
    position: absolute;
    content: '\f086';
    font-family: fontawesome;
    left: 3px;
    font-size: 13px;
}

.edit-link {
    padding-left: 15px;
}

.tags-links {
    padding-left: 20px;
    position: relative;
}

.tags-links:before {
    position: absolute;
    content: '\f02c';
    font-family: fontawesome;
    left: 3px;
    font-size: 12px;
    top: -5px;
}




/********************************
 ******Single Post Style*********
*******************************/
.single_post_article {
    padding-right: 40px;
}
.single_post_article .entry-title {
    font-size: 34px;
}
.single_post_wrap .bresurgery_featured_image {
    float: none;
    display: block;
    margin: 0;
    width: 100%;
}

.single_post_wrap .bresurgery_b_content {
    margin: 0;
    float: none;
}

.single_post_wrap {
    padding: 60px 0;
}
.single_post_wrap .bresurgery_featured_image {
    margin-bottom: 30px;
}
.nav-links{overflow: hidden;}
.nav-links a:hover{
    background: var(--primary-color);
    color: var(--color-white);
}
.nav-links a {
    display: inline-block;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    background: var(--color-white);
    border-radius: 50%;
    color: #5c6471;
    font-size: 16px;
    margin-left: 5px;
    border: 1px solid #ddd;transition: .3s;
}

.nav-links span.page-numbers {
    line-height: 50px;
    height: 50px;
    display: inline-block;
    width: 50px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    background: var(--primary-color);
    color: var(--color-white);
}

/********************************
 ******Sidebar CSS*********
*******************************/


/*custome plugin widget css*/

.rpwwt-widget ul li .rpwwt-post-title {
    font-size: 14px;
    color: #3a404b;
    font-weight: 500;display: block;
}

.rpwwt-post-date,.rpwwt-post-comments-number {
    font-size: 10px;
    line-height: 15px;
}

.rpwwt-widget ul li a {
    line-height: 24px;
    display: block;
}

.rpwwt-widget ul li {
    margin-bottom: 5px;
}

/*Footer recent post widget*/

.footer_top_area .single_footer .rpwwt-widget ul li{
    margin: 0 0 0.5em;
}
.footer_top_area .single_footer .rpwwt-widget ul li a span {color: var(--color-white) !important;}
.footer_top_area .single_footer .rpwwt-widget ul li a:hover span {color: #13d992 !important;}

/*default widget*/

.widget_search label {
    display: block;
}

.widget_search label input[type=search] {
    width: 100%;
    color: #333;
    height: 48px;
    font-size: 12px;
}

.widget_search {
    position: relative;
}

.widget_search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0px;
    background: var(--primary-color);
    color: var(--color-white);
    font-size: 9px;
    border: 1px solid transparent;
    border-radius: 10%;
    height: 48px;
    width: 71px;
    text-align: center;
}
.sidebar_wrap .widget {
    margin-bottom: 40px;
}

.widget .widget-title {
    font-size: 20px;
    font-weight: 700;
    color: #3a404b;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.widget_tag_cloud a {
    color: #a0a9b5;
    font-weight: 500;
}

.widget_archive a,.widget_pages a,.widget_categories a,.widget_meta a,.widget_recent_comments a,.widget_nav_menu li{
    font-size: 16px;
    color: var(--primary-color);
    padding-left: 20px;
    position: relative;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}
.widget_nav_menu li a{
    color: var(--primary-color);font-size: 16px;
}
.widget_archive a:before,.widget_archive a:before,.widget_pages a:before,.widget_categories a:before,.widget_nav_menu li:before,.widget_meta a:before,.widget_recent_comments a:before {
    position: absolute;
    content: '\f105';
    color: #aeb2b8;
    left: 0;
    font-family: fontawesome;
    font-weight: 300;
    font-size: 14px;
}

.widget_archive select {
    border: 1px solid #ddd;
    display: inline-block;
}

.widget_archive select {
    outline: 2px solid var(--primary-color);
}


/*calendar widgets style */
.calendar_wrap table,.entry-content table {
    width: 100%;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.calendar_wrap table td, .calendar_wrap table th,.entry-content table td,.entry-content table th {
    border-right: 1px solid #ddd;
    border: 1px solid #ddd;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}

.calendar_wrap table thead,.entry-content table thead {
    background: var(--primary-color);
    color: var(--color-white);
}

.calendar_wrap table td a,.entry-content table tbody th a {
    color: var(--primary-color);
    font-weight: 600;
}



.widget_recent_entries a {
    color: #3a404b;
}

.widget_recent_entries li {
    margin-bottom: 10px;
}
.widget_pages li ul.children {
    padding-left: 30px;
}


.widget_pages li ul.children {
    padding-left: 30px;
}

.widget_rss {
    font-size: 12px;
}

.widget_rss li {
    margin-bottom: 20px;
}

.widget_rss li a {
    color: var(--primary-color);
    font-weight: 500;
}
.widget_text img {
    margin-bottom: 10px;
}




/*single post navigation next post*/
.navigation.post-navigation{
    overflow: hidden;
    margin-bottom: 40px;
}
.single-post .nav-links a:hover{
    background: transparent;
    color:#515966;
}
.single-post .nav-links .nav-next a{
    text-align: right;
}
.single-post .nav-links a {
    width: auto;
    height: auto;
    display: inline-block;
    border-radius: 0;
    padding: 0 20px;
    font-size: 10px;
    text-align: left;line-height: 28px;
    border:none;
}

.single-post .nav-links .nav-previous,.single-post .nav-next {
    float: left;
    text-align: left;
    width: 50%;
    position: relative;
}
.single-post .nav-next{
    float: right !important;
    text-align: right;
}

.single-post .nav-next {
    text-align: right;
}

.single-post .nav-links {
    margin-top: 20px;
    margin-bottom: 30px;
}

.single-post .nav-links {
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0px;
    border-top: 1px solid #ebebeb;
}

.single-post .nav-links .nav-previous:before,.single-post .nav-links .nav-next:before {
    position: absolute;
    content: '\f104';
    font-family: fontawesome;
    top: 50%;
    margin-top: -15px;
    color: #ced0d1;
    font-size: 20px;
    top: 50%;
    left: 0;
}
.single-post .nav-links .nav-next:before{
    left: auto;
    right: 0;
    content: '\f105';
}

/*post image caption*/

figcaption.wp-caption-text {
    font-size: 10px;
    font-weight: 500;
}



/*Comments style*/
#respond .comment-reply-title {
    font-size: 20px;
    font-weight: 600;
}
.comment-respond a {
    font-size: 12px;
    color: #333;
}
.comment-form-comment label {
    font-weight: 600;
}

.comments-area ol,.comments-area li{
    list-style: none;
}
.comments-area .comments-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}

.comment-list li {margin-bottom: 40px;}

.comments-area .children {
    margin-bottom: 20px;
}

.comment-list li ol.children {}

.comment-list article {
    margin-bottom: 25px;
}

.comments-area .comment-author img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin-right: 5px;
}

.comments-area .comment-author {background: #f5f7f9;padding: 5px 10px;position: relative;border-radius: 3px;}
.comment-author .fn a:hover{
    color: var(--primary-color);
}
.comment-author .fn,.comment-author .fn a {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 800;
    color: #1f2125;transition: .3s;
}
.comment-author .says {
    font-size: 10px;
    display: inline-block;
    background: var(--primary-color);
    color: var(--color-white);
    position: absolute;
    line-height: 18px;
    padding: 0 8px;
    top: 0;
    right: 0px;
}

.comment-metadata a {
    font-size: 10px;
    color: #1f2125;
    font-weight: 300;
}

.comments-area .comment-metadata {
    position: absolute;
    bottom: 8px;
    margin-top: -2px;
    border-radius: 0px;
    left: 88px;
}

.comments-area .comment-content {
    padding: 10px 20px;
    background: #fdfeff;
}

.comments-area .comment-content p {
    font-size: 13px;
}

.comments-area .comment-meta {
    position: relative;
}

.comments-area span.edit-link {padding-left: 10px;}

.comments-area .comment-edit-link {
    color: #333;
    font-size: 10px;
}

.comments-area .reply a:hover{
    background: var(--primary-color);
    color: var(--color-white);
}
.comments-area .reply a {
    display: inline-block;
    font-size: 12px;
    background: #f4f6f8;
    padding: 0 12px;
    border-radius: 5px;
    color: #1d1f21;
    margin-top: 10px;
    border:1px solid #ddd;transition: .3s;
}


/******************************
 ******Copyright Area*********
*******************************/

.footer_bottom_area {
    background: #636363;
    padding: 20px 0;
    text-align: center;
    color: #fff;
}

.footer_bottom_area a {
    color: #fff;
}