/******************************************************************
Theme Name: Arden-CollinsAccounting-2018-Theme
Description: Custom Designed Theme by Arden Logic
Author: Arden Logic
Author URI: http://www.ardenlogic.com
Version: 1.0å
******************************************************************/


/*--fonts --*/
@font-face {
  font-family: 'FontAwesome';
  src: url('library/fonts/fontawesome/fontawesome-webfont.eot');
  src: url('library/fonts/fontawesome/Genericons.eot?#iefix') format('embedded-opentype'),
       url('library/fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
       url('library/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'),
       url('library/fonts/fontawesome/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*--global --*/
body, html {width:100%; height:100%; }

.off-canvas {background: #212121; }
.off-canvas ul li a {color: #fff!important; font-weight: 500;}
.fixed {position: fixed; top: 0px; width: 100%; z-index: 99999; }
.collapse {padding: 0!important;}
.align-right {float: right;}

p, li {color:#555555; font-size: 1em; line-height: 1.5em; font-family: 'PT Sans', sans-serif; font-weight: 400;}
li {text-align: left; padding: 5px 0; list-style-type: disc;}
em {font-weight: 400;}
img a:hover, img a:focus, a img:hover, a img:focus {background-color: transparent!important; color:transparent;}
h1, h2, h3, h4, h5 {font-family: 'Didact Gothic', sans-serif; }
h1 {font-size: 1.2em; color:#555555; margin:0; padding: 1%;}
h2 {margin:5% 0 2% 0; font-size: 1.25rem;}
h3 {margin:5% 0 2% 0; font-size: 1.25rem;}
h5 {font-size: 1.15rem; color: #48536d;}
::selection { background-color: #f47b63; color: #ffffff;}
::-moz-selection { background-color: #f47b63; color: #ffffff;}

p a {color:#f47b63; font-weight: 700; text-decoration: none;}
p a:hover, p a:focus {color:#fff!important; background: #a1000b; font-weight: 600;}
a, a img {outline:0;}

.fontawesome-text { margin-top: -1.9em; font-family: 'FontAwesome';}
.red-text { color: #a1000b; }
.wht-txt, .wht-txt h1, .wht-txt p, .wht-txt ul li { color: #fff!important; }

p strong {font-weight:600;}
#content #inner-content {padding: 0; margin: 0;}
.retina {width: 50%; margin-bottom: 10px;}

.multiColumn {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
     margin-top: 1em;
}

.f-topbar-fixed {padding-top: 0px !important;}


.fi-telephone {font-size: 28px; padding-left: 10px;}

#container {background-color: #fff; margin: 0;}


/*--button changes --*/


 button.default, .button.default { background-color: #4bb046; color: #fff; font-family: 'Didact Gothic', sans-serif;}

 button.faq, .button.faq { background-color: #f0f1f2; color: #55595b; font-family: 'Didact Gothic', sans-serif; border: 1px solid #aeb7bd; width: 100%;}

  a.button.faq::after {font-family: 'FontAwesome'; content: '\f105'; color: #4bb046;  margin-left: 15px; }
  a.button.faq:hover::after {font-family: 'FontAwesome'; content: '\f105'; color: #fff;  margin-left: 15px; }

/*--text changes --*/


.color {color: #;}
.headline {font-family: 'Didact Gothic', sans-serif; font-weight: 600; }
.headline {font-size: 1.5em!important; margin-top: 30px; text-transform: capitalize;}


/* Mobile Nav Changes*/
.top-bar {padding: .8rem;}
.logo-top {width: 80%;}
.top-bar, .top-bar ul {background: transparent!important;}
ul.menu li {padding: 0;}
.menu-icon::after{color: #a1000b; background-color: #a1000b; box-shadow: 0 7px 0 #a1000b, 0 14px 0 #a1000b;  top: 18px;}
.menu > li > a { padding: .7rem 1rem;}
.menu > li > ul > li > a { padding: 1rem .7rem;}
.right-small a{color: #a1000b;}
.top-phone {font-size: 1.5em; font-weight: bold; line-height: 1em;}

ul.off-canvas-list li {width: 100%;}


/* Off Canvas Top Bar Nav Styling */


#oftb .top-bar{background: #fff; text-align: left; height:auto; margin: 0; }
#oftb .top-bar ul{background: #fff;}
#oftb .top-bar a {color: #232221; font-weight: 600!important; font-family: 'Didact Gothic', sans-serif; font-size: 1.1em;}
#oftb .top-bar a:hover, .top-bar a:focus {color: #48536d!important; font-weight: 600; }
#oftb .top-bar-section .dropdown {border:0; border-top: none; font-size: 1em; background-color: #fff;}
#oftb .logo { text-align: center;}
#oftb .logo .logo-img {margin: 0 auto; display: block; width: 40%;}
#oftb .menu-icon::after{color: #48536d; background-color: #48536d; box-shadow: 0 7px 0 #48536d, 0 14px 0 #48536d;  top: 6px;}

#oftb .top-bar.expanded {transition: height .33s ease;}
#oftb .top-bar-section .dropdown li { padding: 0 15px; width: 100%;}
#oftb .call {text-align: center;}
#oftb .call i, #oftb .call p {margin: 0 auto; display: inline-block;}
#oftb .call i.fa-phone {color: #ea4749!important; font-size: 2rem; 
        content:        '\f095';
        display:        inline-block;
        padding:        4px 0 0 0;
        font-family:    'FontAwesome';
        vertical-align: middle;}


#oftb .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {border-color: transparent transparent transparent #3fbfad;}







/* Top Nav Styling */

.nav-wrap {width: 100%; background: none;}
.full {background-color: #fff;}
.top-bar{background: transparent!important; text-align: left; height:auto;}
section.top-bar-section {display: inline-block;}
section.top-bar-section ul li a {color: #fff; padding: .2em .5em; text-transform: uppercase; font-size: .8em; font-family: 'Didact Gothic', sans-serif; font-weight: 700; width: 100%; }
.top-bar-section .dropdown {border:1px solid #bdbdbd; background: #fff; border-top: none; font-size: .9em;}
select { height: 2.6rem;}
span.wpcf7-form-control-wrap {
    height: 20px;
    line-height: 22px;
}

.top-bar.expanded {transition: height .33s ease;}


/* Top Nav Link Styling */

.top-bar-section li:not(.has-form) a:not(.button) {background: transparent; padding: 10px; color:#fff; font-weight: 400; text-transform: uppercase;} 
.top-bar-section li.active:not(.has-form) a:not(.button) {background: transparent; color: #4bb046; padding: 10px;}
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {background: none; color: #4bb046;}
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {background: none; text-align: center; color: #fff; font-size: 0.9em;}
.top-bar-section .has-dropdown > a:after { border-color: #19b837 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.top-bar-section li:not(.has-form) a:hover:not(.button) {background-color: transparent!important; color:#4bb046; text-decoration: none;  border-bottom: 2px solid #4bb046;}
.top-bar-section ul.dropdown li:not(.has-form) a:hover:not(.button) {border: 0px;}


/* start logo center nav - small */
/* Social Nav Styling */
.social {background: #ea4749; height: 35px; z-index: 99999;}
.social p {color: #fff; font-size: .9em; margin-top:3px; font-family: 'Didact Gothic', sans-serif; font-weight: 700;}
#menu-social-items li a:hover, #menu-social-items li a:focus{background-color: transparent!important;}
/* end logo center nav - small */


.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { border: 6px inset; content: ""; border-color: #cccccc transparent transparent!important; right: 5px; margin-top: -3px;}



/* Header - Front and Inside */

.header {background: #fff; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab;}

.so-widget-sow-hero-default-a5c95aa54304 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper p {text-shadow: 0!important;}

.inside{background: url(assets/images/bg-sliderb-1-med.jpg);}
.inner{height:200px; background-size: cover; /* or cover */ width:100%; margin-top:0px; padding: 0; -webkit-background-size: cover; -moz-background-size: cover;  background-position: 50% 50%;
 /* lt ie8 */
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
}

.tabs dd > a {text-transform: uppercase; font-family: 'Didact Gothic', sans-serif; font-size: .9em; padding: 5% 3%;}
.tabs dd.active a {background: #1e9e3f; color: #fff; }
.tabs-content { padding: 1.1em 0 0 0; margin: 0;}

.vend {width: 50%;}


/* Content */
#content #inner-content {margin: 0 auto;}


.feature-left, .feature-right {padding: 3% 1%; height: 350px;}
.feature-left p, .feature-right p {color: #fff;}
.feature-left {background-color: #b11016!important; padding-right: 5%;}
.feature-right {background-color: #c5161d!important; padding-left: 5%;}

#pg-272-2 .widget ul li, .multiColumn li{list-style: disc;}

/* Footer */

.footer {padding: 1% 0; background-color: #212121; margin: 0!important;}
.footer p, .footer a {color: #ffffff;}
.address {padding:  4% 0 0 0%; height: 430px; background: #48536d;}
.address p, .address h4 {color: #fff; font-family: 'Didact Gothic', sans-serif; font-size: 1.2em; }
.block-3 {background: #e1d9ce; height: 430px;}

.copyright, .arden {margin:0; padding: 0;}
.copyright {text-align: left;}
.arden {text-align: right;}
p.copyright, a.copyright, .arden p, .arden a {color: #616161; font-weight: 300!important; font-size: .875em; margin:0;}
a:hover.copyright, .arden a:hover {text-decoration: underline; color:#4bb046;}




.hp-cta .sow-slider-image-wrapper {width: 55%; float: left;}

.hp-slider .sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay.sow-slider-image-cover {opacity: .85 !important;}





/*-- TABLET ONLY --*/

@media only screen and (min-width: 40.063em) {



#footer ul li {list-style: none; text-align: left;}

.vend {margin: 20% 0 5% 0;}
.logo-bottom {width: 80%; margin-bottom: 15px;}






}













/*--LARGE ONLY --*/
@media only screen and (min-width: 64.063em) { 


.hp-slider .sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay.sow-slider-image-cover {opacity: .75 !important;}

.hp-slider .sow-slider-image-wrapper p, .hp-slider .sow-slider-image-wrapper .sow-hero-buttons{padding: 0 50% 0 10%;}




/* Off Canvas Top Bar Nav Styling */
#oftb .logo .logo-img{width: 50%;}
#oftb .call i.fa-phone { padding: 0px 0 0 0;;}

#oftb .side-wrap {width: auto; display: inline-block; position: relative; top: 0px;}
#oftb .side-wrap {width: auto; display: inline-block;}
/* end Off Canvas Top Bar Nav Styling */


#submenu {width: 100%; text-align: center; background: #fff; border-top: 1px solid #c0bfbf; border-bottom: 1px solid #c0bfbf;}
#submenu .svc-nav-wrap {width: auto; display: inline-block;}



/* --start logo center nav --*/

#logo-ctr {}
#logo-ctr .logo-wrapper {}
#logo-ctr .logo-wrapper .logo { display: inline-block; margin: 0 auto; width: auto; left: auto;}

#logo-ctr .side-wrap {width: auto; display: inline-block; padding-top: 10px;}
#logo-ctr ul.menu a {color: #555555;}

#logo-ctr .social p {height:35px; line-height: 35px; margin:0!important;}

#logo-ctr .top-bar{background: #fff; text-align: left; height:75px; margin: 0; padding: 1rem;}
#logo-ctr .top-bar-right ul {float: left;}
#logo-ctr .top-bar-left ul {float: right;} 

#logo-ctr .dropdown.menu .submenu {min-width: 290px;}


/* --end logo center nav --*/



.top-bar, .top-bar ul {background: #fff!important;}
.menu a {color: #555555;}
.menu .active > a, .menu a:hover { background: transparent; color: #a1000b;  border: 1px solid #555555;}



}


/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) { 


}