/*
Theme Name: Brophy Theme  
Theme URI: fosemckay.com
Description: child theme of Ocean WP.
Author: Justin Yingling
Author URI: fosemckay.com
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*NEW CSS ADDED 2021*/
.elementor-text-editor.elementor-clearfix {
	line-height: 26px !important;
}

.elementor-main-swiper .swiper-slide {
    margin-bottom: 0px !important;
}

.elementor-swiper-button i.eicon-chevron-left {
    margin-left: -40px !important;
}

.elementor-swiper-button i.eicon-chevron-right {
    margin-right: -40px !important;
}

.footer-icon-bcf {
	margin-top: -60px !important;
}

.bcf-footer-social {
	    margin-top: -30px !important;
}

#footer-bottom {
	display: none !important;
}

#bcf-foot {
	padding-left: 15px !important;
}

/*NEW RESPONSIVE CSS 2021*/


@media only screen and (max-width: 1024px) {
.elementor-inner {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
}

@media only screen and (max-width: 991px) {
footer#footer.site-footer {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
	
#bcf-foot {
	padding-left: 0px !important;
}
	
	.elementor-64 .elementor-element.elementor-element-bde3acc > .elementor-widget-container {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px !important;
    border-style: solid;
    border-width: 0px 0px 0px 0px !important;
    border-color: #FFFFFF;
	}
	
	.elementor-64 .elementor-element.elementor-element-3ee4b6a {
    width: 100% !important;
	padding: 0px 80px 0px 80px !important;
}
	
	.elementor-64 .elementor-element.elementor-element-d9eabef {
    width: 100% !important;
    text-align: center !important;
}
	
.elementor-64 .elementor-element.elementor-element-9940118 {
    padding: 0px 0px 0px 0px !important;
}
}

@media only screen and (max-width: 750px) {
.elementor-64 .elementor-element.elementor-element-3ee4b6a {
    width: 100% !important;
	padding: 0px 20px 0px 20px !important;
}
	
.bcf-footer-social {
	    margin-top: 0px !important;
}
}

@font-face {
    font-family: 'Daxline Pro';
    src: url("assets/css/fonts/DaxlinePro-Regular.eot");
    src: local("DaxlinePro-Regular"), 
      url("fonts/fonts/DaxlinePro-Regular.eot-.html#iefix") format("embedded-opentype"), 
      url("assets/css/fonts/DaxlinePro-Regular.woff2") format("woff2"), 
      url("assets/css/fonts/DaxlinePro-Regular.woff") format("woff"), 
      url("assets/css/fonts/DaxlinePro-Regular.ttf") format("truetype"), 
      url("fonts/DaxlinePro-Regular.svg#DaxlinePro-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Daxline Pro Medium';
    src: url("assets/css/fonts/DaxlinePro-Medium.eot");
    src: local("DaxlinePro-Medium"), 
      url("assets/css/fonts/DaxlinePro-Medium.eot?#iefix") format("embedded-opentype"), 
      url("assets/css/fonts/DaxlinePro-Medium.woff2") format("woff2"), 
      url("assets/css/fonts/DaxlinePro-Medium.woff") format("woff"), 
      url("assets/css/fonts/DaxlinePro-Medium.ttf") format("truetype"), 
      url("assets/css/fonts/DaxlinePro-Medium.svg#DaxlinePro-Medium") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Daxline Pro Light';
    src: url("assets/css/fonts/DaxlinePro-Light.eot");
    src: local("DaxlinePro-Light"), 
      url("assets/css/fonts/DaxlinePro-Light.eot?#iefix") format("embedded-opentype"), 
      url("assets/css/fonts/DaxlinePro-Light.woff2") format("woff2"), 
      url("assets/css/fonts/DaxlinePro-Light.woff") format("woff"), 
      url("assets/css/fonts/DaxlinePro-Light.ttf") format("truetype"), 
      url("fonts/DaxlinePro-Light.svg#DaxlinePro-Light") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Trajan Pro Bold';
    src: url("assets/css/fonts/TrajanPro-Bold.eot");
    src: local("Trajan Pro Bold"), 
      local("TrajanPro-Bold"), 
      url("assets/css/fonts/TrajanPro-Bold.eot?#iefix") format("embedded-opentype"), 
      url("assets/css/fonts/TrajanPro-Bold.woff2") format("woff2"), 
      url("assets/css/fonts/TrajanPro-Bold.woff") format("woff"), 
      url("assets/css/fonts/TrajanPro-Bold.ttf") format("truetype"), 
      url("fonts/TrajanPro-Bold.svg#TrajanPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Trajan Pro';
    src: url("assets/css/fonts/TrajanPro-Regular.eot");
    src: local("Trajan Pro Regular"), 
      local("TrajanPro-Regular"), 
      url("assets/css/fonts/TrajanPro-Regular.eot?#iefix") format("embedded-opentype"), 
      url("assets/css/fonts/TrajanPro-Regular.woff2") format("woff2"), 
      url("assets/css/fonts/TrajanPro-Regular.woff") format("woff"), 
      url("assets/css/fonts/TrajanPro-Regular.ttf") format("truetype"), 
      url("fonts/TrajanPro-Regular.svg#TrajanPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}

.section,:after,:before,.section [class*=col-]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.section{overflow:hidden;width:100%;margin:0 auto}.section:after{display:block;clear:both;content:''}.section [class*=col-]{float:left;padding:.3em}.section [class*=col-]:last-of-type{float:right}.col{padding:15px 4px}.col-1,.w100{width:100%}.col-2{width:50%}.col-3{width:33.33%}.col-4{width:25%}.col-5{width:20%}.col-6{width:16.6666666667%}.col-7{width:14.2857142857%}.col-8{width:12.5%}.col-9{width:11.1111111111%}.col-10,.w10{width:10%}.col-11{width:9.09090909091%}.col-12{width:8.33%}.col-05,.w5{width:5%}.col-15,.w15{width:15%}.col-20,.w20{width:20%}.col-25,.w25{width:25%}.col-30,.w30{width:30%}.col-35,.w35{width:35%}.col-40,.w40{width:40%}.col-45,.w45{width:45%}.col-50,.w50{width:50%}.col-55,.w55{width:55%}.col-60,.w60{width:60%}.col-65,.w65{width:65%}.col-70,.w70{width:70%}.col-75,.w75{width:75%}.col-80,.w80{width:80%}.col-85,.w85{width:85%}.col-90,.w90{width:90%}.col-95,.w95{width:95%}
#site-header.medium-header .oceanwp-mobile-menu-icon a { float: right }
#site-logo #site-logo-inner a img { float :left }

#site-header.medium-header #site-logo {
    float: left;
    display: block;
    max-width: 640px;
}
.quick-links { 
    display: inline-block;
    position: relative; 
}

.quick-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.quick-links li {
    display: inline-block;
    padding: 8px 8px 10px
}

.quick-links li a {
    color: #440305;
    font-family: "Tranjan Pro";
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase
}

.quick-links .button--large {
    font-size: 30px;
    padding: 2px 20px
}

.quick-links p {
    margin: 0
}

@media (max-width: 1023px) {
    .quick-links {
       display: none
    } 
}

 

/* home page */
.elementor-slide-heading .left-line, 
.elementor-slide-heading .right-line  {
    background: url('assets/css/images/title-bg.png') repeat-x center center;
    content: "";
    display: inline-block;
    height: 30px;
    width: 140px;
    max-width: 50%
}
.elementor-slide-heading .left-line  { margin-right: 2px }
.elementor-slide-heading .right-line { margin-left: 6px } 
.elementor-button.elementor-slide-button.elementor-size-md { padding-bottom: 10px }


 
#flip-box-item .elementor-flip-box__layer__title span:before, 
#flip-box-item .elementor-flip-box__layer__title span::after {
    background: url('assets/css/images/title-bg.png') repeat-x center center;
    display: inline-block;
    float: left;
    margin-top: 18px;
    width: 68px;
    height: 2px;
    content: "";
    position: absolute;
     
}
#flip-box-item .elementor-flip-box__layer__title span:before { margin-left: -84px }
#flip-box-item .elementor-flip-box__layer__title span:after  { margin-left: 14px }
/* pages */
.page-header { margin-top: 24px }

/* callout boxes */
.bg-maroon {
   background: #6f0306
}
.bg-gray {
    background: #eee 
}
.bg-red {
    background: #6f0306
}
.bg-black {
    background: #000
}
.hrule {
    margin: 40px auto;
    width: 100%;
    height: 2px
}
.child-page-nav-title {
    color:#000;
    font-size: 24px;
    font-family: "Tranjan Pro Bold";
    font-weight: 700;
    margin: 0 0 8px
}

.child-page-nav li a {
    font-family: "Tranjan Pro";
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
    list-style: none;
    text-transform: uppercase;
}

 
.child-page-nav .current_page_item a { 
    font-size: 16px;
    font-family: "Tranjan Pro Bold";
    font-weight: bold;
}
.child-page-nav .current_page_item:before {
    color: #6f0306;
    content: ">";
    display: inline-block;
    font-family: "Tranjan Pro Bold";
    font-weight: bold;
    position: relative;
    top: -2px;
    width: 14px; 
}
[class^="callout-box"] {
    color: #fff;
    font-family: "Daxline Pro";
    font-size: 16px;
    line-height: 1.4;
    margin: 40px auto;
    padding: 30px 0;
    text-align: center
}

[class^="callout-box"] p {
    margin: 12px auto;
    width: 90%
}

.callout-box--small {
    color: #440305;
    font-size: 12px;
    text-align: left
}

.callout-box ul { margin: 0 auto; width: 80% }

/* contact boxes */
.contact-box {
    margin: 30px 0
}

.contact-box h3 {
    color: #6f0306;
    font-family: "Tranjan Pro";
    font-size: 22px;
    line-height: 1.6;
    margin: 0
}

.contact-box p {
    color: #000;
    font-family: "Daxline Pro";
    font-size: 20px;
    line-height: 1.35;
    margin: 6px 0
}

.contact-box:first-of-type {
    border-bottom: 2px solid #000;
    margin: 0 0 30px;
    padding: 0 0 30px
}

.contact-box:first-of-type h3 {
    font-size: 26px;
    line-height: 2
}



.widget--callout-box {
    color: #fff;
    font-family: "Tranjan Pro";
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0
}

.widget--callout-box h2 {
    color: #fff;
    font-size: 28px;
    font-weight: inherit;
    line-height: 1.6
}

.widget--callout-box h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4
}

.widget--callout-box h3 a {
    background: #440305;
    color: #fff;
    display: block;
    padding: 8px 4px;
    border-radius: 8px;
    text-decoration: none;
    width: 90%;
    margin: 0 auto
}

.widget--callout-box h3 a:hover {
    opacity: .8
}

.widget--callout-box h3 span {
    display: block;
    font-weight: normal;
    font-size: 20px
}

.widget--quote {
    color: #fff;
    font-family: "Daxline Pro";
    font-size: 18px;
    line-height: 1.4;
    padding: 20px 0;
    text-align: center
}

.widget--quote p {
    width: 90%;
    margin: 0 auto
}

.widget--quote span {
    display: block;
    margin: 30px auto 0
}





/* videos */
.mfp-close:hover { background-color: transparent }
.yt-video--item {
    margin-bottom: 40px
}

.yt-video--video {
    width: 300px;
    height: 200px
}

.yt-video--item img {
    max-width: 100%
}

.popup-youtube {
    display: block;
    width: 100%;
    height: 100%;
  position: absolute;
  z-index: 2
}

.yt-video--item.col-2:last-of-type {
    float: left
}

@media (max-width: 767px) {
    .yt-video--item.col-2 {
        float: none;
        margin: 0 auto;
        width: 300px
    }
}





/* testimonials */

.page-widget--testimonials {
    text-transform: uppercase
}

.page-widget--testimonials h2 {
    color: #6f0306;
    font-size: 26px;
    line-height: 1.6
}

.page-widget--testimonials .button-wrap {
    padding: 60px 0
}

.testimonial-block-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.testimonial--item {
    overflow: hidden;
    width: 282px;
    margin: 40px 0 0
}

.testimonial--item .testimonial--image {
    width: 100%

}

.testimonial--item .testimonial--title {
    color: #6f0306;
    font-family: "Tranjan Pro";
    font-size: 16px;
    line-height: 1.5;
    padding: 7px 0
}

.testimonial--item .testimonial--title h3 {
    font-size: 19px;
    margin: 0
}

.testimonial--item .testimonial--button {
    cursor: pointer
}

.testimonial--item .testimonial--button .button--large {
    font-size: 18px;
    padding: 8px 30px
}

@media (max-width: 767px) {
    .page-widget--testimonials h2 {
        text-align: center
    }
    .testimonial-block-wrap {
        display: block
    }
    .testimonial--item {
        width: 80%;
        margin: 60px auto;
        text-align: center
    }
    .testimonial--item .testimonial--button {
        margin: 10px 0
    }
    .page-widget--footer {
        width: 90%;
        margin: 0 auto
    }
}

.page-widget--testimonials h3 {
    color: #6f0306;
    font-size: 20px;
    margin: 0
}

.testimonial--item-hidden {
    display: none;
    width: 100%
}

.testimonial--item-hidden-inner {
    color: #000;
    font-family: "Daxline Pro";
    margin: 40px auto;
    padding: 40px;
    text-transform: none
}



/* buttons */
.button-wrap {
    padding: 24px 0;
    text-align: center
}

[class^="button--"] {
    color: #fff;
    display: inline-block;
    font-family: "Tranjan Pro";
    text-decoration: none;
    text-transform: uppercase;
    text-align: center
}

[class^="button--"]:hover {
    opacity: 0.8
}

[class^="button--large"] {
    font-size: 22px;
    padding: 20px 24px
}

.button--left,
.button--right {
    width: 40%
}

@media (max-width: 767px) {
    .button--left,
    .button--right {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 12px auto;
        padding: 12px 0
    }
}



/* widget quote carousel */
.widget--quote-carousel {
    padding: 60px 0;
    margin: 0;
    overflow: hidden
}

.widget--quote-carousel .quote-carousel--item p {
    color: black;
    font-family: "Daxline Pro";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    width: 80%;
    margin: 0 auto
}

.widget--quote-carousel .quote-carousel--item p span {
    display: block;
    margin: 12px 0 0;
    text-align: right
}

.widget--quote-carousel.owl-carousel.owl-theme .owl-controls {
    margin-top: 20px
}

.widget--quote--title {
    color: #6f0306;
    font-family: "Tranjan Pro";
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 32px
}

.widget--quote-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #6f0306;
    height: 14px;
    width: 14px
}

.widget--quote-carousel.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.widget--quote-carousel.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #6f0306
}

 
#custom_html-3 {
  background: #eee;
  padding: 20px
}

#toggles--red .elementor-tab-title.elementor-active { background: #6f0306; color: #fff }

 

body #gform_1 { color :#000; font-family: "Daxline Pro"  } 
body #gform_1 label,
body #gform_1 .gform_wrapper .top_label .gfield_label { color :#000; font-family: inherit; font-size: 14px  }  

form input[type="text"], 
form input[type="password"], 
form input[type="email"], 
form input[type="url"], 
form input[type="date"], 
form input[type="month"], 
form input[type="time"], 
form input[type="datetime"], 
form input[type="datetime-local"], 
form input[type="week"], 
form input[type="number"], 
form input[type="search"], 
form input[type="tel"], 
form input[type="color"], 
form select, 
form textarea { border: 2px solid #b7b7b7; border-radius: 0 }

#gform_submit_button_1 { background: #440305; font-family: "Tranjan Pro"!important  }
body #gform_1 .gform_wrapper .gform_footer input.button, 
body #gform_1 .gform_wrapper .gform_footer input[type=submit], 
body #gform_1 .gform_wrapper .gform_page_footer input.button, 
body #gform_1 .gform_wrapper .gform_page_footer input[type=submit] { font-family: "Tranjan Pro"!important  }

body #gform_1 .gf_list_inline ul.gfield_checkbox li, 
body #gform_1 .gf_list_inline ul.gfield_radio li { width: 100%!important; padding-top: 2px }

body #gform_1 .gfield_checkbox li input, 
body #gform_1 .gfield_checkbox li input[type=checkbox], 
body #gform_1 .gfield_radio li input[type=radio] { margin-top: 0 }

body #gform_1 .field_description_below div.ginput_container_checkbox, 
body #gform_1 .field_description_below div.ginput_container_radio { margin-top: 0 }