/* ======================================
.service-sub:hover {border: 6px solid #f79428 !important;}
.fa {color: f79428 !important;}
.work-with-title.transparent-figcaption .grid figcaption {background: #f79428 !important;}

COLORS:
ORANGE: #f79428  (OLD ORANGE: #f36f28)
GRAY: #50555e  (OLD GRAY: #4d6061)

Common Breaks:
  Horizontal iPad break (1024/1025)
  Horizontal iPhone break (667/668)
  Custom (500/501)
  Vertical iPhone break (375/376)
====================================== */

/* =============
MISCELLANEOUS
============== */

/* == Orange separator bars for All titles - Altered == */
.border-color-fast-yellow {border-color:#f79428 !important;}

/* == Overall Section Padding - Altered == */
section {padding: 6% 0; !important}

/* == Most Buttons - Altered == */
.highlight-button-black-border {border: 2px solid #000 !important;}

/* =============
HIDDEN OBJECTS
=============== */

.hide {display: none !important;}
@media (max-width: 991px){.hideunder991 {display:none;}}
@media (min-width: 992px){.hideabove992 {display:none;}}
@media (max-width: 720px){.hideunder720 {display:none;}}
@media (min-width: 667px){.hideabove667 {display:none;}}
@media (max-width: 668px){.hidebelow668 {display:none;}}
@media (min-width: 501px){.hideabove501 {display:none;}}
@media (max-width: 500px){.hidebelow500 {display:none;}}

/* ===================
CUSTOM BACKGROUNDS
===================== */

.greybg {background-image: url(https://buhrmancreative.com/wp-content/uploads/2017/03/PATTERNS006dark.jpg); background-repeat: repeat;}
.tanbg {background-image: url(https://buhrmancreative.com/wp-content/uploads/2017/01/PATTERN002_40.jpg); background-repeat: repeat;}
.fullheightbg {height: 100%;}

/* ==========
ORANGE BARS
============ */

.orangebar120 {min-height: 80px; background-attachment: fixed !important;}
.orangebar6 {min-height: 6px; background-attachment: fixed !important;}

/* == Orange Bar on Retina for smaller than iPad == */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px), only screen and (min-resolution: 144dpi) and (max-width: 1024px), only screen and (min-resolution: 1.5dppx) and (max-width: 1024px){
.orangebar120 {min-height: 40px; background-size: 100% !important; background-repeat: repeat !important; background-attachment: fixed !important;}
.orangebar6 {display:none;}}

/* ============================
TITLE BAR / HEADER SECTION / MENU
============================= */

/* == remove righthand button at 1199 == */
@media (max-width: 1199px){.header-right {display:none;}}

/* == navbar positioning and height == */
.navbar {top: 6px !important; border-bottom: 0px solid white;}

/* == logo positioning and size == */
.navbar-brand img { max-width: 140px; top: -8px;}
@media (max-width: 991px){.navbar-brand img{margin-left: 8px;}}
nav.shrink .navigation-menu {height: 72px !important;}

/* =============
SLIDER SECTION
============= */

/* == Slider logo == */
.logohome {max-width: 420px;}
@media (max-width: 530px){.logohome {max-width: 90%;}}

/* == Orange bars in titles (also in blog, orange squares) - Altered == */
.bg-fast-yellow {background-color:#f79428 !important;}

/* == Background texture - Altered (also in blog) == */
.bg-dark-gray {background: #50555e !important; background-image: url(https://buhrmancreative.com/wp-content/uploads/2017/03/PATTERNS006.jpg) !important;}
.opacity-full {opacity: 0.92 !important;}

/* ===============
ABOUT US SECTION
=============== */

/*== Padding for About Us paragraph - EB == */
.padright36 {padding-right: 36px;}

/* ===============
OUR WORK SECTION
================ */

/* == Portfolio Filter (hidden) - Altered == */
.portfolio-filter-tab li a:hover, .portfolio-filter-tab li:active, .portfolio-filter-tab li.active a {background-color:#f79428 !important; color: #fff !important;}

/* == Portfolio Orange Squares in rollover - Altered == */
.grid-style1-border {border: 8px solid #f79428 !important;}

/* == Portfolio - Altered == */
.grid-style1 .grid figcaption h3 {font-size: 14px !important; padding: 0px !important; font-weight: bold !important;}
.grid-style1 .grid figcaption {padding: 30px !important;}

@media (min-width: 992px){
.grid-style1 .grid figcaption h3 {font-size: 18px !important; font-weight: bold !important;}
.grid-style1 .grid figcaption {padding: 48px !important;}}

@media (max-width: 668px){
.grid-style1 .grid figcaption h3 {font-size: 12px !important; font-weight: bold !important; letter-spacing: 1px !important;}
.grid-style1 .grid figcaption {padding: 12px !important; height: calc(100% - 12px); width: calc(100% - 12px); left: 6px; top: 6px;}}

/* == Portfolio grid - 5 column == */
.work-5col .grid li { width: 20%;}
@media (max-width: 1440px) {.work-5col .grid li { width: 25%;}}
@media (max-width: 1199px) {.work-5col .grid li { width: 33.333%;}}
@media (max-width: 991px)   {.work-5col .grid li { width: 33.333% !important;}}
@media (max-width: 767px)   {.work-5col .grid li {width: 33.333% !important;}}
@media (max-width: 400px)   {.work-5col .grid li {width: 50% !important;}}

/* == Portfolio grid - 2 column == */
.work-2col .grid li { width: 50%;}
@media (max-width: 767px)   {.work-2col .grid li {width: 50% !important;}}
@media (max-width: 400px)   {.work-2col .grid li {width: 50% !important;}}

/* == Open Portfolios - Altered Background and borders == */
.mfp-wrap {background-image: url(https://buhrmancreative.com/wp-content/uploads/2017/01/PATTERN002_40.jpg)}
.mfp-wrap > div > div > div {background: transparent;}
@media screen and (min-width: 768px) {
.portfolioimagessection > div > div > div > div > div {border: 18px solid white;}}

/* ==================
OUR SERVICES SECTION
=================== */

/* == Icon Positioning - EB == */
.servcenter {max-width: 120px;}
.servleft {max-width: 90px; margin-top: 24px; margin-left: 6px;}

/* =============
WHY US SECTION
============== */

/* == Accordion - Altered == */
#accordion-one-link-4 {border-bottom: 2px solid #50555e !important;}
.panel-group {margin-bottom: 0px !important;}
.accordion-style2 .panel-heading i {color: #50555e !important;}
.accordion-style2 .panel-body {padding: 24px !important; border-right: 2px solid #50555e !important; border-left: 2px solid #50555e !important;}
.accordion-style2 .panel-title {background-image: url(https://buhrmancreative.com/wp-content/uploads/2017/01/PATTERN002_40.jpg); font-size: 14px !important; color:#50555e !important; border: 2px solid #50555e !important; margin-top: -2px !important; padding: 4px 20px;}
.accordion-style2 .panel .panel-heading {margin-bottom: 0% !important;}

/* == Arrow - Why Us Section - EB == */
.arrowhead { float: right; width: 38px; height: 22px; margin: 0 12px 10px 0; display: inline-flex;}
.arrowholder {margin-top: -2.5%;}
.arrowstem {float: left; width: 91%; height: 21px; display: inline-flex; background-repeat: repeat; background-image: url(https://buhrmancreative.com/wp-content/uploads/2017/01/ArrowShaftWhite.png); margin-top: -39px; margin-bottom: 6%; margin-right: 10%;}

/* ===============
OUR TEAM SECTION
================ */

/* == Team Title - Altered == */
.work-with-title.transparent-figcaption .grid li figcaption h3 {font-size: 15px !important; font-weight: bolder; margin-top: -10px;}

@media (max-width: 660px){.work-with-title.transparent-figcaption .grid li figcaption h3 {font-size: 12px !important; font-weight: bold !important; letter-spacing: 1px !important;}}

/* == Team Portfolio - Altered == */
.grid-style3 .grid figcaption {height: 60px;}
.gutter .grid li {padding: 0 0 0 11px !important;}

/* == Inner Team Column - EB == */
@media (max-width: 668px){.full668 {width:100%; height:100vh;}}

/* == Inner Team Header - EB == */
@media (min-width: 992px){.h9 {font-size: 26px !important;}}
@media (max-width: 991px){.h9 {font-size: 18px !important;}}

/* ===================
WORK WITH US SECTION
==================== */

/* == Buttons - Altered == */
.highlight-button-dark {border: 2px solid #fff !important;background-color: transparent !important;}
.highlight-button-dark:hover, .highlight-button-dark:focus {background-color: #f79428 !Important;border: 2px solid #fff !Important; color: #fff !Important;}

/* ============
LOGOS SECTION
============== */

/* == Client Logos Section - Altered == */
.inlineblock {display: inline-block;}
.logowide {max-width: 180px !important;}
.clientlogo {object-fit: contain;padding: 18px; max-width: 154px; max-height: 100px;}
@media (min-width: 767px){
.logowide {max-width: 228px !important;}
.clientlogo {max-width: 172px;max-height: 120px;}}
@media (max-width: 473px){.clientlogo {max-width: 120px;}}
@media (max-width: 1199px){.logo1199 {display: none;}}
@media (max-width: 991px){.logo991 {display: none;}}
.pad4pertop {padding-top:0px;}

/* ================
BLOG/NEWS SECTION
================== */

/* == Background texture - Altered (code in header section) == */
/* == Orange squares (code in header, orange bars in titles) - Altered == */

/* == Blog Title - Altered == */
@media (max-width: 720px){.h5 {font-size: 16px;}}
.blog-post-style1 article:hover h5 a {color: #fff !important;}

/* == Posts - Altered == */
.margin-seven-tb {margin-top: 4% !important; margin-bottom: 4% !important;}

/* =====================================================
                                         CONTACT US SECTION NEW
===================================================== */

/* == Email/Phone Section == */
.cont25iconsinner > i {font-size: 36px !important; margin: 10px 14px 10px 6px !important;}
#cont25phone {margin-left: 17px !important;}
#cont25email {padding-bottom: 10px; !important;}
.cont25iconsinner > a {text-transform: uppercase; font-family: Montserrat; line-height: 22px; font-size: 20px; color: #9c9c9c; font-weight: 400 !important; vertical-align: super;}

/* == Hide Recaptcha == */
#wpcf7-f4434-p2229-o1 > form > div:nth-child(3) {display: none;}
#wpcf7-f4434-p2229-o1 > form > div:nth-child(4) > p > span {display: none;}

/* == Spacing Below == */
#contact > div > div > div.wpb_column.vc_column_container.col-sm-12.col-xs-12.concol1.clear-both.xs-text-center.no-padding.xs-padding-seven-lr.margin-two-bottom {display: none;}
#contact > div > div > div.wpb_column.vc_column_container.col-sm-12.col-md-8.col-xs-12.concol2.xs-padding-seven-lr.sm-margin-one-top {display: none;}
#contact {margin-bottom: 20px;}

/* == Column Widths == */
#contcol25text {height: 148px;}
#contcol25text > div:nth-child(1) {width: 10%;}
#contcol25text > div:nth-child(2) {width: 80%;}
#contcol25text > div:nth-child(3) {width: 10%;}
#contcol25content > div:nth-child(1) {width: 10%;}
#contcol25content > div:nth-child(2) {width: 15%;}
#contcol25content > div:nth-child(3) {width: 65%;}
#contcol25content > div:nth-child(4) {width: 10%;}

/* == Form Spacing == */
#wpcf7-f4434-p2229-o1 > form > div > p > span > input {margin-bottom: 12px !important}
#wpcf7-f4434-p2229-o1 > form > div:nth-child(2) > p > span:nth-child(9) > textarea {margin-bottom: 0px !important;}
#contlb {display: none;}

@media only screen and (max-width: 1199px) {
#contcol25text > div:nth-child(1) {width: 2%;}
#contcol25text > div:nth-child(2) {width: 96%;}
#contcol25text > div:nth-child(3) {width: 2%;}
#contcol25content > div:nth-child(1) {width: 2%;}
#contcol25content > div:nth-child(2) {width: 20%;}
#contcol25content > div:nth-child(3) {width: 74%;}
#contcol25content > div:nth-child(4) {width: 2%;}
}

@media only screen and (max-width: 991px) {
#contcol25text {height: 166px;}
#contlb {display: inherit;}
#contcol25text > div:nth-child(1) {width: 0%;}
#contcol25text > div:nth-child(2) {width: 100%;}
#contcol25text > div:nth-child(3) {width: 0%;}
#contcol25content > div:nth-child(1) {width: 0%;}
#contcol25content > div:nth-child(2) {width: 100%;}
#contcol25content > div:nth-child(3) {width: 100%;}
#contcol25content > div:nth-child(4) {width: 0%;}
.cont25iconsinner {width: 160px; display: inline-block;}
#cont25email {margin-top: 0px !important; margin-bottom: 28px !important;}
#cont25phone {margin-top: 0px !important; margin-bottom: 28px !important;}
}

@media only screen and (max-width: 617px) {
#cont25email {margin-left: 0px !important;}
#contcol25text {height: inherit;}
#contlb {display: none;}
.cont25iconsinner {width: 131px;}
}

@media only screen and (max-width: 380px) {
h2 {font-size: 36px;}
}

/* =============
FOOTER SECTION
============== */

/* == Change Footer Background == */
.bg-gray {background-image: url(https://buhrmancreative.com/wp-content/uploads/2017/03/PATTERNS006dark.jpg) !important; background-repeat: repeat;}

/* == Hidden Footer Elements == */
.footer-top {display: none !important;}
body > section > div > div > section:nth-child(23) {display: none !important;}

/* == Change SM Footer Color == */
.footer-social {display:none;}
body > footer > div.footer-top {background-color: #f79428;}