/*
 Theme Name:   seoplus+
 Theme URI:    https://seoplus.ca
 Description:  Custom Wordpress theme made by seoplus+ web team
 Author:       seoplus+
 Author URI:   http://seoplus.ca
 Template:     understrap
 Version:      0.5.3
 Text Domain:  understrap-child
*/


/**
 * --------------------------------------------------------------------------
 * General
 * --------------------------------------------------------------------------
 */

html {
    scroll-behavior: smooth
}

/**************************/
/*     Fonts     */
/**************************/

/*@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=3d1f1c0c-d07b-4cef-ad51-8ea6e8395294");

   @font-face{
        font-family:"Avenir LT W01_85 Heavy1475544";
        src:url("../Fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("Fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff");
    }
    @font-face{
        font-family:"Avenir Next W01 Light";
        src:url("../Fonts/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2") format("woff2"),url("Fonts/f401df6f-54eb-406c-b46a-90b9451c598d.woff") format("woff");
    }
    @font-face{
        font-family:"Avenir Next W10 Medium";
        src:url("../Fonts/1704d161-44ab-4854-a066-fe47d583a3a6.woff2") format("woff2"),url("Fonts/95aa7ca1-de33-40d9-ae40-ff045fcada66.woff") format("woff");
    }
    @font-face{
        font-family:"FreightSans Light";
        src:url("../Fonts/489ddee0-ddda-430c-8f56-d5d8b204174c.woff2") format("woff2"),url("Fonts/52b03e8e-4c8e-46f6-a983-00f0ad55d35c.woff") format("woff");
    }
    @font-face{
        font-family:"FreightSans Medium";
        src:url("../Fonts/2d8fb109-df3a-4a54-839c-322ac0835e5c.woff2") format("woff2"),url("Fonts/04073950-358b-498e-b8af-db1063003e41.woff") format("woff");
    }

*/
h1,h2,h3,h4,h5,h6
{
    font-family:'Avenir LT W01_85 Heavy1475544'!important;
}

a { text-decoration:underline;}

.entry-content li a {
    color: #FC5546!important;
    font-weight: 500;
}

.blog-toc {
    background: #e2f4ff;
    display: inline-block;
    padding: 30px;
    border: 1px none #333;
}

.blog-toc li a {
    color: #627792!important;
}

.blog-toc li a:hover,
.entry-content li a:hover,
.entry-content a:hover {
    text-decoration: underline;
}

p
{
    font-family: 'Rubik', sans-serif!important;
}
a.back-to-top
{
    display:none;
}


/* Scroll To Top */

.show {
    opacity: 1!important
}

.back-to-top page-scroll
{
    display:none;
}
#toTop {
    width: 54px;
    height: 54px;
    position: fixed;
    text-decoration:none;
    left: 20px;
    bottom: 20px;
    color: rgba(255, 255, 255, .8);
    background-color: #0E2B5C;
    opacity: 0;
    -webkit-transform: translatey(20px);
    transform: translatey(20px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    z-index: 90;
    -webkit-transition: .2s;
    transition: .2s
}

#toTop.show {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#toTop i {
    font-size: 20px
}

#toTop:active,
#toTop:focus,
#toTop:hover {
    background-color: #fc5546;
    text-decoration: none;
    color: #fff
    
}

#toTop,
.mobile-square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}


/**
 * --------------------------------------------------------------------------
 * Header & Nav
 * --------------------------------------------------------------------------
 */


/*Increase the depth when calling wp_nav_menu()*/

.menu-item-has-children .menu-item-has-children:hover>.dropdown-menu {
    display: inline-block;
    left: 9em;
    top: -1ex;
}

.menu-item-has-children .menu-item-has-children:hover {
    background-color: WhiteSmoke;
}

.mobile-square {
    background: #FC5546;
    width: 58px;
    height: 50px;
}

.mobile-square.burger {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0px;
}

.mobile-square.burger .mobile-burger {
    width: 25px
}

.mobile-square.burger:hover:not(.activated) span:before {
    top: -10px
}

.mobile-square.burger:hover:not(.activated) span:after {
    bottom: -10px
}

.mobile-square.burger span {
    width: 100%;
    display: block;
    height: 2px;
    border-radius: 0px;
    background: #fff;
    position: relative
}

.mobile-square.burger span:after,
.mobile-square.burger span:before {
    content: '';
    display: block;
    background-color: #fff;
    width: 100%;
    height: 2px;
    border-radius: 0px;
    position: absolute;
    -webkit-transition: .2s;
    transition: .2s;
}

.mobile-square.burger span:after {
    bottom: -7px
}

.mobile-square.burger span:before {
    top: -7px
}

.activated .mobile-burger .burger-bars {
    height: 0
}

.activated .mobile-burger .burger-bars:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: calc(25% - 1.5px)
}

.activated .mobile-burger .burger-bars:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: calc(25% - 1.5px)
}


/* Nav */

.navbar-expand-md>.container {
    padding-left: 15px;
    padding-right: 15px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.thenav {
    width: 100%;
    z-index: 9999;
    background-color: #fff
}

.navbar-collapse .navbar-nav {
    padding: 5px 15px 20px 15px;
}

.navbar {
    padding: 0px 0;
    -webkit-transition: .1s;
    transition: .1s
}


/* Onscroll */

.thenav.scroll {
    background-color: rgba(255, 255, 255, .98);
    position: fixed;
    -webkit-box-shadow: 0px 3px 30px -15px rgba(0, 0, 0, .3);
    box-shadow: 0px 3px 30px -15px rgba(0, 0, 0, .3);
    top:0;
}

.thenav.scroll .navbar {
    padding: 0px 0px;
}

.navbar-collapse {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
   background-color: #53f;
    z-index: 22;
}

.goDown {
    -webkit-animation: goDown .2s forwards;
    animation: goDown .2s forwards
}

@keyframes goDown {
    from {
        transform: translatey(-120%);
    }
    to {
        transform: translatey(0);
    }
}


/**
 * --------------------------------------------------------------------------
 * Sidebar
 * --------------------------------------------------------------------------
 */

.widget-area aside {
    margin-bottom: 30px;
}


/**
 * --------------------------------------------------------------------------
 * Media Queries
 * --------------------------------------------------------------------------
 */

@media (min-width: 768px) {
    /* Nav */
    .navbar-collapse {
        position: relative;
    }
    .menu-item-has-children:hover>.dropdown-menu {
        display: block;
    }
    .navbar-collapse .navbar-nav {
        padding: 0px;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}


/**
 * --------------------------------------------------------------------------
 * Custom styles
 * --------------------------------------------------------------------------
 */

section
{
    padding:100px 0px!important;

}
.sec-1
{
    background-color:#EDEFF2;
}

.custom-text-block
{
    padding-left:8rem;
}

.header-txt
{
    font-family: 'Avenir', Helvetica, sans-serif;
    color:#0E2B5C!important;
    font-weight: 600;
    font-size: 40px!important;
}

.sub-header-txt
{
    font-family: 'Rubik', sans-serif;
    color:#627792!important;
    font-weight: 500;
   
}

.btn-nw-primary
{
    background-color:#FC5546;
    color:#fff;
    
}

.btn-nw-default
{
    background-color:#0E2B5C;
    color:#fff;
    
}

.navbar-collapse
{
     background-color:#fff!important;
     
}
/*
.navbar {
    padding: 10px 0!important;
}
*/



.section-header
{
    padding: 0px 15px 30px;
}
#services .services-item {
    padding: 20px;
    background: #EDEFF2;
    height: 100%;
}

#services .icon {
    margin-top: 1.2rem;
    margin-bottom: 1.75rem;
}

#casestudy .section-header .section-title,#casestudy .section-header .section-content
{
    color:#fff!important;
}


#casestudy .card {
    padding: 2rem;
    background: #EDEFF2;
    height: 100%;
}

#casestudy .card  p  {
    font-size: 1.4rem;
    
}

#casestudy .card-content  p  {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: italic;
}

#casestudy  .icon {
    margin-top: 1.2rem;
     margin-bottom: 1.2rem;
}

#customer-logo h2.section-title
{
    font-size:1.2rem!important;
    color:#627792!important;
    text-transform:uppercase!important;
    font-weight:500!important;
}

#customer-logo .slider-1
{
    padding-top:6rem!important;
    padding-bottom:6rem!important;
}

#customer-logo
{
    padding:0px!important;
}

#gr-logo .slider-1
{
    padding-top:2rem!important;
    padding-bottom:2rem!important;
}

#gr-logo
{
    padding-top:3rem!important;
    padding-bottom:3rem!important;
    background:#EDEFF2!important;
}


#clientreview .icon img
{
    height:80px;
    display:block;
    margin-bottom:20px;
}

#clientreview .section-title ,#clientreview .section-content
{
    color:#fff!important;
}

#notification .card-style
{
    margin-left:40px;
    margin-right:40px;
    padding:20px;
}


.bg-dark-texture {
	background-image: url(images/bg-seoplus-dark-short.svg);
	background-color:#394e68;
	background-repeat: no-repeat;
  background-position: bottom;
	 background-size: cover;
}

.bg-pb-texture {
	background-image: url(images/bg-seoplus-dark-short.svg);
	background-color:#fff;
	background-repeat: no-repeat;
    background-position: left bottom;
	  background-size: cover;
}

/**
 * --------------------------------------------------------------------------
 * Custom contact form  styles
 * --------------------------------------------------------------------------
 */
.btn-orange, #gform_next_button_3_16, #gform_submit_button_6, #gform_submit_button_7, #gform_submit_button_8 {
    display: inline-block;
    padding: 1.375rem 1.25rem 1.375rem 1.25rem;
    border: 1px solid #fc5546;
    border-radius: 4px;
    background-color: #fc5546;
    color: #ffffff;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1px;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-orange:hover, #gform_next_button_3_16:hover, #gform_submit_button_3:hover, #gform_submit_button_7:hover, #gform_submit_button_8:hover {
    border: 1px solid #fc5546;
    background-color: transparent;
    color: #fc5546; /* needs to stay here because of the color property of a tag */
    text-decoration: none;
}
#contact-form
{
    padding:100px 0px!important ;
}


.form-block
{
    padding: 40px 20px 20px 20px;
    background: #fff;
    margin-bottom:-160px;
}

#contact-form  .section-content, #contact-form .section-title
{
    color:#fff!important;
}

#contact-form input:focus:not(:focus-visible) {
    background: transparent;
}

#contact-form input:focus:not(:focus-visible) {
  outline: 0px solid #ddd;
  background: transparent;
}



#gform_fields_1 input {
    border: 1px solid #DADDE1;
    border-radius: 40px;
    padding: 16px;
}
.gform_fields input {
    color:  #627792 !important;
}
#gform_fields_1 input::placeholder {
    text-align: center;
}


input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #C4C4C4;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #C4C4C4;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #C4C4C4;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #C4C4C4;
}


#contact-form  legend, #contact-form  .gfield_label
{
    text-align:center!important;
    width:100%;
}

#contact-form .gform_footer
{
    text-align:center;
    display: block;
}

.box-shadow
{
    box-shadow: 4px 4px 18px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 4px 4px 18px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 18px 3px rgba(0,0,0,0.2);
}

#contact-form input[type=submit] {
    	display: inline-block;
	padding: 1.6rem 1.3rem 1.6rem 1.3rem;
	border: 1px solid #fc5546;
	border-radius: 4px;
	background-color: #fc5546;
	color: #ffffff;
	font-weight: 600;
	font-size: 1rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
	margin-top:20px;
}
#contact-form input:focus:not(:focus-visible) {
    color: #fc5546;
}

.bg-texture-wt {
	background-image: url(images/bg_texture_wt.png);
	background-color:#fff;
	background-repeat: no-repeat;
  background-position: bottom;
	 background-size: cover;
}



.stars
{
   	background-image: url(images/stars.png);
	background-repeat: no-repeat;
    background-position: left;
    height:20px;
    margin-bottom:10px;
    width:100%!important;
}

.plus
{
   	background-image: url(images/divider.svg);
	background-repeat: no-repeat;
    background-position: left;
    height:40px;
    margin-bottom:10px;
    width:100%!important;
}
/*
.stars
{
   	background-image: url(images/stars.png);
	background-repeat: no-repeat;
    background-position: center;
    height:30px;
    width:30px;
    margin-bottom:10px;
}
*/
/* Social Icon's */

.Linkedin-ico
{
   	background-image: url(images/Linkedin.png);
	background-repeat: no-repeat;
    background-position: center;
    height:32px;
    width:32px;
    display:block;
}

.Tiktok-ico
{
   	background-image: url(images/Tiktok.png);
	background-repeat: no-repeat;
    background-position: center;
    height:32px;
    width:32px;
    display:block;
}

.Twitter-ico
{
   	background-image: url(images/Twitter.png);
	background-repeat: no-repeat;
    background-position: center;
    height:32px;
    width:32px;
    display:block;
}

.Instagram-ico
{
   	background-image: url(images/Instagram.png);
	background-repeat: no-repeat;
    background-position: center;
    height:32px;
    width:32px;
    display:block;
}

.Facebook-ico
{
   	background-image: url(images/Facebook.png);
	background-repeat: no-repeat;
    background-position: center;
    height:32px;
    width:32px;
    display:block;
}

.Youtube-ico
{
   	background-image: url(images/Youtube.png);
	background-repeat: no-repeat;
    background-position: center;
    height:32px;
    width:32px;
    display:block;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 6vw;
    color: #FFD600;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}
/* custom post layout */
.custom-layout-wrapper {
	display:flex;
	flex-wrap:wrap;
	justify-content:stretch;
}
.custom-layout-wrapper .custom-layout-post {
	width:31%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	padding:45px 20px 30px 20px;
	background-color:#EDEFF2;
}
@media(max-width:768px) {
	.custom-layout-wrapper .custom-layout-post {
		width:100%;
		float:none;
		margin-right:0;
	}
}
.custom-layout-wrapper .custom-layout-post img.custom-layout-img {
	width:auto;
	height:100%;
	max-height:80px;
	margin:0;
}
.custom-layout-wrapper .custom-layout-post h3 {
	margin:0 0 2rem 0;
}
#gform_submit_button_9 {
	display:inline-block;
	padding:1.375rem 1.25rem 1.375rem 1.25rem;
	border:1px solid #fc5546;
	border-radius:4px;
	background-color:#fc5546;
	color:#fff;
	font-weight:500;
	font-size:.9rem;
	line-height:1px;
	text-decoration:none;
	transition:all .2s;
}
#gform_submit_button_9:hover {
	background-color:transparent;
	color:#fc5546;
}