/*
Theme Name: Anmo
Theme URI: https://uiuxom.com/anmo/wp/
Author: uiuxom
Author URI: https://themeforest.net/user/uiuxom
Description: Anmo - Creative Digital Agency WordPress Theme
Version: 1.0
License: 
License URI: 
*/

/*==================================
    [Table of contents]
===================================
    01. Theme Fonts
    02. Basic Typography
    03. Custom Helper Class
    04. Links & Buttons
    05. Section Title
    06. Pages-titleBar Css
*/

/*-----------------------------------------
/  01. Variables
/-----------------------------------------*/
:root {
    --primary-font: "Kumbh Sans", sans-serif;
    --secondary-font: "Heebo", sans-serif;
    --body-font-size: 18px;
    --body-line-height: 32px;
    --body-font-weight: 400;
    --secondary-font-weight: 700;
    --body-color: rgba(28, 32, 53, 0.8);
    --heading-color: #1c2035;
    --dark-color: #140e25;
    --primary-blue-01: #3482ff;
    --primary-blue-02: #005CFF;
    --primary-blue-03: #3482fe;
    --secondary-yellow-01: #f8a562;
    --secondary-yellow-02: #f79e52;
}
/*-----------------------------------------
/  02. Basic Typography
/-----------------------------------------*/
body,
html {
    margin: 0;
    padding: 0;
}
body {
    font-family: var(--primary-font);
    font-size:var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--body-color);
    letter-spacing: 0;
    font-weight: var(--body-font-weight);
}
p {
    margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--secondary-font);
    font-weight: var(--secondary-font-weight);
    line-height: 1.1;
    color: var(--heading-color);
    margin: 0 0 15px;
}
.hebbo {
    font-family: var(--secondary-font);
}
ul {
    list-style: none;
}
a {
    color: #66646c;
    text-decoration: none;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
a:hover,
a:focus {
    color: var(--primary-blue-01);
    text-decoration: none;
    outline: 0;
}
button,
button[type="submit"],
input[type="submit"] {
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 0;
}
.heebo {
    font-family: var(--secondary-font);
}
button[type="submit"] {
    border: none;
    outline: none;
}

/*-----------------------------------------
/  03. Custom Helper Class
/-----------------------------------------*/
.fixOverflow {
    overflow: hidden;
}
.noPaddingLeft {
    padding-left: 0;
}
.noPaddingRight {
    padding-right: 0;
}
.paddingRight1 {
    padding-right: 1px;
}
.paddingLeft1 {
    padding-left: 1px;
}

/*-----------------------------------------
/  04. Links & Buttons
/-----------------------------------------*/
.anmoLink {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: var(--primary-blue-01);
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.anmoLink i {
    color: var(--primary-blue-01);
    font-size: 12px;
    position: relative;
    top: -1px;
    margin: 0 7px 0 0px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.anmoLink:hover {
    color: var(--primary-blue-01);
}
.anmoLink:hover i {
    margin-right: 10px;
}
.anmoBTN01 {
    font-family: var(--primary-font);
    display: inline-block;
    position: relative;
    height: 60px;
    min-width: 157px;
    font-size: 16px;
    line-height: 59px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    overflow: hidden;
    border: none;
    z-index: 1;
    background: var(--secondary-yellow-02);
    border-radius: 3px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.anmoBTN01::after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}
.anmoBTN01:hover {
    color: #fff;
    text-shadow: none;
}
.anmoBTN01:hover::after {
    height: 450%;
}
.anmoBTN01::after {
    background: var(--primary-blue-01);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
}

.anmoBTN2 {
    font-family: var(--primary-font);
    position: relative;
    display: inline-block;
    min-width: 163px;
    height: 49px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height: 49px;
    text-transform: capitalize;
    z-index: 1;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.anmoBTN2:hover {
    color: #ffffff;
    border-color: transparent;
}
.anmoBTN2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--secondary-yellow-01);
    border-radius: inherit;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.anmoBTN2:hover:before {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
.anmoBTN2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    border-radius: inherit;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
    border: 1px solid #ffffff;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    background: transparent;
}
.anmoBTN2:hover:after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.anmoBTN3 {
    font-family: var(--primary-font);
    position: relative;
    display: inline-block;
    min-width: 202px;
    height: 65px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height: 63px;
    z-index: 1;
    overflow: hidden;
    border: 2px solid #ffffff;
    background: transparent;
    border-radius: inherit;
    text-transform: capitalize;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.anmoBTN3::after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
    background: var(--primary-blue-01);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
.anmoBTN3:hover {
    color: #fff;
    text-shadow: none;
    border-color: var(--primary-blue-01);
}
.anmoBTN3:hover::after {
    height: 450%;
}

/*-----------------------------------------
/  05. Section Title
/-----------------------------------------*/
.secTitle {
    font-size: 55px;
    line-height: 60px;
    margin: 0 0 6px;
    color: var(--heading-color);
}
.secDesc {
    margin: 0;
}
.secSubTitle {
    font-size: 15px;
    line-height: 1;
    color: var(--secondary-yellow-02);
    font-weight: 500;
    margin: 0;
    font-family: var(--primary-font);
    text-transform: uppercase;
    margin-bottom: 21px;
}
/*-----------------------------------------
/  06. Pages-titleBar Css
/-----------------------------------------*/
.pageBanner {
    position: relative;
    background: url(../images/bg/1.jpg) no-repeat center center / cover var(--heading-color);
    z-index: 1;
    overflow: hidden;
}
.pageBanner .container {
    position: relative;
    z-index: 2;
}
.pageBanner::after {
    position: absolute;
    content: "";
    bottom: -362px;
    left: 164px;
    width: 617px;
    height: 617px;
    background-color: var(--secondary-yellow-02);
    border-radius: 50%;
    mix-blend-mode: overlay;
}
.pageBannerContent {
    position: relative;
    padding: 187px 0 144px;
}
.pageBannerContent h2 {
    font-size: 80px;
    line-height: 1.1;
    color: #ffffff;
    margin: 0px 0 0;
}
.pageBannerPath {
    position: relative;
    font-size:var(--body-font-size);
    line-height: 24px;
    color: #7f8495;
    margin: 0 0 4px;
}
.pageBannerPath a,
.pageBannerPath span {
    color: inherit;
    font-size: inherit;
}
.pageBannerPath a:hover {
    color: #9ebbbd;
}


/* Text Editor Preset */
.uiuxom_editor ul{
    padding: 0;
    margin: 0 0 15px;
}
.uiuxom_editor ul li{
    margin: 0 0 7px;
    padding: 0 0 0 27px;
    position: relative;
}
.uiuxom_editor ul > li:last-child{
    margin: 0;
}
.uiuxom_editor ul li::before {
    position: absolute;
    content:"";
    left: 0;
    top: 9px;
    width:17px;
    height:15px;
    background: url("../images/check.png") no-repeat scroll 0 0 / cover;
}
.uiuxom_editor ol{
    margin: 0;
    padding: 0 0 0 15px;
}
.uiuxom_editor ol li{
    margin: 0 0 7px;
    padding: 0 0 0 10px;
}
.uiuxom_editor ol > li:last-child{
    margin: 0;
}

.featured_image{
    position: relative;
    overflow: hidden;
    margin: 0 0 27px;
}
.featured_image img{
    max-width: 100%;
    height: auto;
}