a{
    text-decoration: none !important;
}

#main .wf-wrap {
    width: 85% !important;
}

.button-yellow{
    border: 3px solid #fdb913;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    background-color: #fdb913;
    font-size: .5em;
    
}
.button-yellow:hover{
    border: 3px solid #ffd27c;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    background-color: #ffd27c;
}

/*-----form hp-----*/

div.wpforms-container-full button[type=submit]:not(:hover):not(:active){
    background-color: #fdb913;
    border: 3px solid #fdb913;
    border-radius: 0px;
    width: 8em;
    height: 2em;
    font-size: 2em;
}


/*div.wpforms-container-full .wpforms-confirmation-container-full{
    background: #ffffff;
    border: 1px solid #fdb913;
}
*/
    
div.wpforms-container-full button[type=submit]:hover{
    background: #ffffff;
    border: 3px solid #fdb913;
    color: rgba(33,16,65,1);
    border-radius: 0px;
    width: 8em;
    height: 2em;
    font-size: 2em;
}


/*---form in widget sidebar---*/


#wpforms-submit-15344.wpforms-submit.button{
    background-color: #fdb913 !important;
    border: 3px solid #fdb913;
    border-radius: 0px;
}

#wpforms-submit-15344.wpforms-submit.button:hover{
    background: #ffffff !important;
    border: 3px solid #fdb913;
    color: rgba(33,16,65,1) !important;
    border-radius: 0px;
}

#wpforms-widget-2.widget.wpforms-widget .widget-title {
    font-size: 2em !important;
    color: #822a85 !important;
}


/*-----hp-----*/

.dt-owl-item.active{
    width: auto !important;
}

.dt-owl-item.cloned{
    width: auto !important;
}

.dt-owl-item{
    width: auto !important;
}

.service-home a{
    font-size: 5em;
    line-height:1.25em;
    color: rgba(33,16,65,1);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 5em;
    -webkit-background-clip: text;
    background-clip: text;
}

.service-home-bold a{
    font-size: 5em;
    line-height:1.25em;
    font-weight: bold;
    color: rgba(33,16,65,1);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 6em;
    -webkit-background-clip: text;
    background-clip: text;
}

.service-home a:hover{
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 5em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}

.service-home-bold a:hover{
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 6em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}


.oversized-text .wpb_wrapper p {
    font-size: 6vw;
    line-height: 6vw;
    font-weight: 500;
    color: #211041 !important;
}



/*-----about-----*/


.print{
    font-size: 5vw;
    line-height:1.2em;
    font-weight: 500;
    color: rgba(130,42,133,1);
}

.digital{
    font-size: 5vw;
    line-height:1.2em;
    font-weight: 500;
    color: rgba(130, 42, 133, 1);
}

.branding{
    font-size: 5vw;
    line-height:1.2em;
    font-weight: 500;
    color: rgba(130, 42, 133, 1);
}

.web{
    font-size: 5vw;
    line-height:1.2em;
    font-weight: 500;
    color: rgba(130, 42, 133, 1);
}

.logos{
    font-size: 5vw;
    line-height:1.2em;
    font-weight: 500;
    color: rgba(130, 42, 133, 1);
}

.marketing{
    font-size: 5vw;
    line-height:1.2em;
    font-weight: 500;
    color: rgba(130, 42, 133, 1);
}

.print:hover{
    color: rgba(130,42,133, 0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 4em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}

.digital:hover{
    color: rgba(130,42,133, 0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 5em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}

.branding:hover{
    color: rgba(253,185,19, 0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 5em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}

.web:hover{
    color: rgba(0,157,195, 0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 4em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}

.logos:hover{
    color: rgba(33,16,65, 0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 4em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}

.marketing:hover{
    color: rgba(33,16,65, 0);
    background: linear-gradient(to right, #fdb913, #009dc3, #822a85, #211041);
    background-size: 4em;
    -webkit-background-clip: text;
    background-clip: text;
    transition: 500ms ease;
}

/*----blog----*/

span.item-num {
    display:none !important;
}

span.item-name {
     font-weight: 700 !important;
     font-family: montserrat !important;
     color: 000000 !important;
 }
 
.post-details.details-type-link {
     font-size:1em !important;
     text-decoration: none !important;
 }
 
.blog-shortcode.blog-masonry-shortcode-id-10e48ff78e36597994c6a26813df6a4f .post-details.details-type-link {
     color: #00ccff !important;
 }


/*-----project-----*/

/*-----trying to left align proj page title on mobile-----*/
@media screen and (max-width: 778px) {
    #fancy-header .hgroup{
        text-align: left !important;
    }
}


.fancy-title.entry-title{
    font-family:montserrat;
    font-weight: 700;
    color: #211041 !important ;
}

.fancy-subtitle span{
    font-family:montserrat;
    font-weight: 200;
}

/*archive*/
.vc_grid-filter.vc_grid-filter-size-lg .vc_grid-filter-item {
    font-size: 14px;
    font-weight: 550;
    padding: 0 12px 30px 12px;
}


.vc_grid-filter>.vc_grid-filter-item>span {
    transition:none;
}

.vc_grid-filter>.vc_grid-filter-item>span:hover {
    transition:none;
    color: #822a85 !important;
}

/*maintenance*/
.fineprint p {
    font-size: 12px !important;
}


/*-----media q -home-----*/

@media screen and (max-width:425px){
    .service-home a{
    font-size: 3em;
    }
}

@media screen and (max-width:425px){
    .service-home-bold a{
    font-size: 3em;
    }
}


/*-----media q -inner-----


@media screen and (min-width:1400px){
    .print{
        font-size: 120px;
    }
}

@media screen and (min-width:1400px){
    .branding{
        font-size: 120px;
    }
    
    @media screen and (min-width:1400px){
    .web{
        font-size: 120px;
    }
    
    @media screen and (min-width:1400px){
    .logos{
        font-size: 120px;
    }
    
    */