/*
Theme Name:   Attesa Child
Theme URI: 
Author:       Natasa Radlovacki
Author URI: 
Description:  Attesa Child Theme
Version:      1.0.0
Template:     attesa
Text Domain:  attesa-child
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/*
Bootstrap 4 Responsive Pricing Table Snippet
Bootstrap 4.3.1  Font Awesome 5.8.2
*/
section.pricing {
    /*background: #007bff;
    background: linear-gradient(to right, #0062E6, #33AEFF);
    background: linear-gradient(to right, #7628bf, #33AEFF);*/
    background: linear-gradient(to bottom, #4a4d9e, rgba(38,0,66,0.85));
    border: none;
    border-radius: 1rem;
  }

  .btn-primary-1 {
    color: #fff !important;
    background-color: #5557b2 !important;
    border-color: #5557b2 !important;
}
  
  .pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
  
  .pricing hr {
    margin: 1.5rem 0;
  }
  
  .pricing .card-title {
    margin: 0.5rem 0;
    /*font-size: 0.9rem;*/
    font-size: 1.2rem;
    letter-spacing: .1rem;
    font-weight: bold;
  }
  
  .pricing .card-price {
    font-size: 3rem;
    margin: 0;
  }
  
  .pricing .card-price .period {
    /*font-size: 0.8rem;*/
    font-size: 0.9rem;
  }
  
  .pricing ul li {
    margin-bottom: 1rem;
  }
  
  .pricing .text-muted {
    opacity: 0.7;
  }
  
  .pricing .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 0.7;
    transition: all 0.2s;
  }

  
  /* Hover Effects on Card */
  
  @media (min-width: 992px) {
    .pricing .card:hover {
      margin-top: -.25rem;
      margin-bottom: .25rem;
      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
    .pricing .card:hover .btn {
      opacity: 1;
    }
  }
/*END*/


/* Plan */
/* Use a wide full screen for small screens like tablets. */
@media (min-width: 768px) and (max-width:992px) {
    .container {
		width: initial;
        padding-left: 2em;
        padding-right: 2em;        
	}
}

/* --- Plans ---------------------------- */

.my_planHeader {
    text-align: center;
    color: white;
    padding-top:0.2em;
    padding-bottom:0.2em;
}
.my_planTitle {
    font-size:2em;
    font-weight: bold;
}
.my_planPrice {
    font-size:1.4em;
    font-weight: bold;    
}
.my_planDuration {
    margin-top: -0.6em;
}

@media (min-width: 300px) and (max-width: 768px) {
    .my_planTitle, .my_planPrice, .my_planDuration {
        font-size:medium;
    }    
}

@media (min-width: 300px) and (max-width: 420px) {
  .my_planTitle, .my_planPrice, .my_planDuration {
      font-size:small;
  }    
}

/* --- Features ------------------------- */

.my_feature {
    line-height:2.8em;   
}

@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
 }

.my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    /*border: 0.1em solid rgb(163, 163, 163);*/
    border: 0.1em solid #090808;
}    

/* --- Plan 1 --------------------------- */
.my_plan1 {
    background: rgb(227,217,245,0.5);
}

.my_planHeader.my_plan1 a {
    background: rgb(82,1,146);
    color:white;
}
.my_planHeader.my_plan1 a:before {
    content: "Check Out" !important;
    align-content: center !important;
}

.fas.fa-hand-point-up {
    visibility: hidden;
}

.my_planHeader.my_plan1 {
    background: rgb(99, 2, 177);
    border: thick solid #3d0f6f;
    border-radius: 20px;
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
    background: rgb(205,197,228, 0.5);
}

.my_planHeader.my_plan2 a {
    background: rgb(72,43,152);
    color:white;
}

.my_planHeader.my_plan2 a:before {
    content: "Check Out" !important;
    align-content: center !important;
}

.my_planHeader.my_plan2 {
    background: rgb(81,46,179);
    border: thick solid #3b2282;
    border-radius: 20px;
}

/* --- Plan 3 --------------------------- */
.my_plan3 {
    background: rgb(187,185,226,0.5);

}

.my_planHeader.my_plan3 a {
    background: rgb(65,61,154);
    color:white;
}

.my_planHeader.my_plan3 a:before {
    content: "Check Out" !important;
    align-content: center !important;
}

.my_planHeader.my_plan3 {
    background: rgb(78, 74, 187);
    border: thick solid #373480;  
    border-radius: 20px;
}

/* --- Plan 4 --------------------------- */
.my_plan4 {
    background: rgb(203,224,251, 0.5);
}

.my_planHeader.my_plan4 a {
    background: rgb(54,107,173);
    color:white;
}

.my_planHeader.my_plan4 a:before {
    content: "Check Out" !important;
    align-content: center !important;
}

.my_planHeader.my_plan4 {
    background: rgb(67,130,210);
    border: thick solid #2e578e;
    border-radius: 20px;
}

/* --- All plan for mobile version button features --------------------------- */


@media (max-width: 768px) {
    .my_planHeader.my_plan1 a, .my_planHeader.my_plan2 a, .my_planHeader.my_plan3 a, .my_planHeader.my_plan4 a, .my_planHeader.my_plan1 a:before, .my_planHeader.my_plan2 a:before, .my_planHeader.my_plan3 a:before, .my_planHeader.my_plan4 a:before {
        max-width: 80px;
        font-size: smaller;
        font-weight: 700;
    }
}


@media (max-width: 360px) {
    .my_planHeader.my_plan1 a:before, .my_planHeader.my_plan2 a:before, .my_planHeader.my_plan3 a:before, .my_planHeader.my_plan4 a:before {
        max-width: 30px;
        max-height: 30px;
        content: "" !important;
    }
    .fas.fa-hand-point-up {
        visibility: visible;
        color: white;
        font-size: 18px;
        position: relative;
        }
    }

/* --- All plan for mobile version button features --------------------------- */

.my_planFeature {
    text-align: center;
    font-size: 2em;
}

.my_planFeature i.my_check {
    color: #5557b2;
}
/* END OF Plan */

/* START BUTTON MAILCHIMPE CSS*/
#mce-EMAIL {
  padding: 0.4em 1em !important;
  border-radius: 50px !important;
}
#mc_embed_signup .button {
  border-radius: 50px !important;
  background-color: #7628bf !important;
  }

  #mc_embed_signup input.email {
    width: auto !important;
    vertical-align: inherit !important;
  }
/* END MAILCHIMPE CSS*/

/* START NAVIGATION MAIN AND SCROLL BUTTON */
.main-navigation li a, .main-navigation-popup li a {
    font-weight: bold !important;
    font-size: large !important;
}

a#toTop.scrolltop_off.visible {
  background-color: #5557b2;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #ffffff;
}
/* END NAVIGATION MAIN AND SCROLL BUTTON */

/* SVG PICTURE 1*/
.picture_1.st0{fill:#81A8CA;}
.picture_1.st1{fill:#CBCBCB;}
.picture_1.st2{fill:#F2F2F2;}
.picture_1.st3{fill:#010101;}
.picture_1.st4{fill:#4E4E4E;}
.picture_1.st5{fill:#E5E5E5;}
.picture_1.st6{fill:#F5865C;stroke:#FAAF3C;stroke-width:0.5;stroke-miterlimit:10;}
.picture_1.st7{fill:#AEDDF7;}
.picture_1.st8{fill:#4FA7C3;}
.picture_1.st9{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.picture_1.st10{fill-rule:evenodd;clip-rule:evenodd;fill:#543628;}
.picture_1.st11{fill-rule:evenodd;clip-rule:evenodd;fill:#6E4D3D;}
.picture_1.st12{fill:url(#XMLID_52_);}
.picture_1.st13{fill:#E7E7E7;}
.picture_1.st14{fill:#103754;}
.picture_1.st15{fill:#0F303F;}
/* */

/* SVG PICTURE 2*/
.picture_2.st0{display:none;}
.picture_2.st1{display:inline;fill:#81A8CA;}
.picture_2.st2{display:inline;}
.picture_2.st3{fill:#CBCBCB;}
.picture_2.st4{fill:#F2F2F2;}
.picture_2.st5{fill:#010101;}
.picture_2.st6{fill:#4E4E4E;}
.picture_2.st7{fill:#E5E5E5;}
.picture_2.st8{fill:#F5865C;stroke:#FAAF3C;stroke-width:0.5;stroke-miterlimit:10;}
.picture_2.st9{fill:#AEDDF7;}
.picture_2.st10{fill:#4FA7C3;}
.picture_2.st11{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.picture_2.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#543628;}
.picture_2.st13{fill-rule:evenodd;clip-rule:evenodd;fill:#6E4D3D;}
.picture_2.st14{fill:url(#XMLID_583_);}
.picture_2.st15{fill:#E7E7E7;}
.picture_2.st16{fill:#103754;}
.picture_2.st17{fill:#0F303F;}
.picture_2.st18{fill:#FFD480;}
.picture_2.st19{fill-rule:evenodd;clip-rule:evenodd;fill:#DEB562;}
.picture_2.st20{fill-rule:evenodd;clip-rule:evenodd;fill:#92BDE3;}
.picture_2.st21{fill-rule:evenodd;clip-rule:evenodd;fill:#47749C;}
.picture_2.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#ED7B5C;}
.picture_2.st23{fill-rule:evenodd;clip-rule:evenodd;fill:#9EB8CC;}
.picture_2.st24{fill-rule:evenodd;clip-rule:evenodd;fill:#CDCCCC;}
.picture_2.st25{fill-rule:evenodd;clip-rule:evenodd;fill:#676767;}
.picture_2.st26{fill-rule:evenodd;clip-rule:evenodd;fill:#648EB2;}
.picture_2.st27{fill-rule:evenodd;clip-rule:evenodd;fill:#345C80;}
.picture_2.st28{fill-rule:evenodd;clip-rule:evenodd;fill:#F7987E;}
.picture_2.st29{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E6E5;}
.picture_2.st30{fill-rule:evenodd;clip-rule:evenodd;fill:#7BA9D1;}
.picture_2.st31{fill-rule:evenodd;clip-rule:evenodd;fill:#DC6848;}
.picture_2.st32{fill-rule:evenodd;clip-rule:evenodd;fill:#92BDE3;stroke:#FFD480;stroke-width:0.72;stroke-miterlimit:22.9256;}
.picture_2.st33{fill-rule:evenodd;clip-rule:evenodd;fill:#F9DDDA;}
.picture_2.st34{fill-rule:evenodd;clip-rule:evenodd;fill:#3A92D0;}
.picture_2.st35{fill-rule:evenodd;clip-rule:evenodd;fill:#0E1722;}
.picture_2.st36{fill-rule:evenodd;clip-rule:evenodd;fill:#CC6244;}
/* */

/* SVG PICTURE 3*/
.picture_3.st1{fill:#0E303F;}
.picture_3.st2{fill:#F1F2F2;}
.picture_3.st3{fill:#FFFFFF;}
.picture_3.st4{fill:#636363;}
.picture_3.st5{fill:#01C5C5;}
.picture_3.st6{fill:#B8DE70;}
.picture_3.st7{fill:#F29232;}
.picture_3.st8{fill:#FFF7E2;stroke:#5D86A5;stroke-width:0.5;stroke-miterlimit:10;}
.picture_3.st9{fill:#56C3EE;}
.picture_3.st10{fill:#FFD144;}
.picture_3.st11{fill:#E060A1;}
.picture_3.st12{fill:#EA7023;}
.picture_3.st13{fill:#404041;}
.picture_3.st14{fill:#ED4036;}
.picture_3.st15{fill:#604D81;}
.picture_3.st16{fill:#26A8DF;}
.picture_3.st17{fill:#CAD44E;}
.picture_3.st18{fill:#EA008A;}
.picture_3.st19{opacity:0.56;fill:#FFFFFF;}
.picture_3.st20{fill:#68A652;}
.picture_3.st21{fill:#DFB127;}
.picture_3.st22{fill:#ED6258;}
.picture_3.st23{fill:#80C68D;}
.picture_3.st24{fill:#FFF7E2;}
.picture_3.st25{fill:#9255A0;}
.picture_3.st26{fill:#80CFED;}
.picture_3.st27{fill:#EB6166;}
.picture_3.st28{fill:#895D3B;}
.picture_3.st29{fill:#6BBD64;}
.picture_3.st30{opacity:0.33;fill:#FFFFFF;}
.picture_3.st31{fill:#61AA31;}
.picture_3.st32{fill:#FAE3ED;}
.picture_3.st33{fill:#F9AE40;}
.picture_3.st34{fill:#208276;}
.picture_3.st35{fill:#0A646C;}
.picture_3.st36{fill:#FFFDFE;}
.picture_3.st37{fill:#FFFFFF;stroke:#ED1C24;stroke-width:0.7902;stroke-miterlimit:10;}
.picture_3.st38{fill:#FFFFFF;stroke:#231F20;stroke-width:0.8466;stroke-miterlimit:10;}
  /* */

  /* SVG PICTURE 4*/
  .picture_4.st0{fill:#85A89D;}
	.picture_4.st1{fill:#604D81;}
	.picture_4.st2{fill:#61AA31;}
	.picture_4.st3{fill:#FAE3ED;}
	.picture_4.st4{fill:#F9AE40;}
	.picture_4.st5{fill:#208276;}
	.picture_4.st6{fill:#FFFFFF;}
	.picture_4.st7{fill:#EB6166;}
	.picture_4.st8{fill:#895D3B;}
	.picture_4.st9{fill:#6BBD64;}
	.picture_4.st10{fill:#7FC042;}
	.picture_4.st11{fill:#E5E6E7;}
	.picture_4.st12{fill:#805C9D;}
	.picture_4.st13{fill:#929292;}
	.picture_4.st14{fill:#969A9D;}
	.picture_4.st15{fill:#0E303F;}
	.picture_4.st16{fill:#A6DAE9;}
	.picture_4.st17{fill:#FD6120;}
	.picture_4.st18{fill:#002B59;}
	.picture_4.st19{fill:#F1F1F1;}
	.picture_4.st20{fill:#636363;}
	.picture_4.st21{fill:#01C5C5;}
	.picture_4.st22{fill:#B8DE70;}
	.picture_4.st23{fill:#F29232;}
	.picture_4.st24{fill:#FE537A;}
	.picture_4.st25{fill:#FFFFFB;}
	.picture_4.st26{fill:#99695B;}
	.picture_4.st27{fill:#FFFAC3;}
	.picture_4.st28{fill:#694D35;}
	.picture_4.st29{fill:#DDC565;}
	.picture_4.st30{fill:#F2EBB7;}
	.picture_4.st31{fill:#CECC9C;}
	.picture_4.st32{fill:#831726;}
	.picture_4.st33{fill:#F28570;}
	.picture_4.st34{fill:#C2534A;}
	.picture_4.st35{fill:#00A449;}
	.picture_4.st36{fill:#19547F;}
	.picture_4.st37{fill:#FFF7E2;stroke:#5D86A5;stroke-width:0.5;stroke-miterlimit:10;}
	.picture_4.st38{fill:#56C3EE;}
	.picture_4.st39{fill:#FFD144;}
	.picture_4.st40{fill:#E060A1;}
	.picture_4.st41{fill:#003653;}
	.picture_4.st42{fill:#EA7023;}
	.picture_4.st43{fill:#404041;}
  /**/

  /* SVG PICTURE 5 */
  .picture_5.st0{fill:#E2A6E2;}
	.picture_5.st1{fill:#FFD8AD;}
	.picture_5.st2{fill:#FF7BAB;}
	.picture_5.st3{fill:#333333;}
	.picture_5.st4{fill:#F99223;}
	.picture_5.st5{fill:#E5E5E5;}
	.picture_5.st6{fill:#CBCBCB;}
	.picture_5.st7{fill:none;stroke:#666666;stroke-width:0.75;stroke-miterlimit:10;}
	.picture_5.st8{fill:none;stroke:#666666;stroke-width:0.75;stroke-linecap:round;stroke-miterlimit:10;}
	.picture_5.st9{fill:#4B4B4B;}
	.picture_5.st10{fill:#666666;}
	.picture_5.st11{fill:#161616;}
	.picture_5.st12{fill:#FFFFFF;}
	.picture_5.st13{fill:#C1272D;}
	.picture_5.st14{fill:#FBB03B;}
	.picture_5.st15{fill:#8CC63F;}
	.picture_5.st16{fill:#CFD1D9;}
	.picture_5.st17{fill:#AEB8BF;}
	.picture_5.st18{fill:#33AEFF;}
	.picture_5.st19{fill:#5557B2;}
	.picture_5.st20{fill:#FF4542;}
	.picture_5.st21{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit:10;}
	.picture_5.st22{opacity:0.1;}
	.picture_5.st23{fill:#145F80;}
	.picture_5.st24{fill:#91DEFF;}
	.picture_5.st25{fill:#FFC255;}
	.picture_5.st26{fill:none;stroke:#FFC255;stroke-width:0.25;stroke-miterlimit:10;}
	.picture_5.st27{clip-path:url(#XMLID_3_);}
	.picture_5.st28{fill:#ED7B5C;}
	.picture_5.st29{fill:#A2C9EB;}
  .picture_5.st30{fill:#FFD47F;}
  /**/

  /* SVG PICTURE 6 */
  .picture_6.st0{fill:#9292E0;}
	.picture_6.st1{fill:#929292;}
	.picture_6.st2{fill:#969A9D;}
	.picture_6.st3{fill:#FFFFFF;}
	.picture_6.st4{fill:#0E303F;}
	.picture_6.st5{fill:#A6DAE9;}
	.picture_6.st6{fill:#FD6120;}
	.picture_6.st7{fill:#19547F;}
	.picture_6.st8{fill:#003653;}
	.picture_6.st9{fill:#E5E5E5;}
	.picture_6.st10{fill:#002B59;}
	.picture_6.st11{fill:#F1F1F1;}
	.picture_6.st12{fill:#636363;}
	.picture_6.st13{fill:#01C5C5;}
	.picture_6.st14{fill:#B8DE70;}
	.picture_6.st15{fill:#F29232;}
	.picture_6.st16{fill:#FE537A;}
	.picture_6.st17{fill:#FF9D01;}
	.picture_6.st18{fill:#F97701;}
	.picture_6.st19{fill:#353F49;}
	.picture_6.st20{fill:#F7B03E;}
	.picture_6.st21{fill:#FDC915;}
	.picture_6.st22{fill:#F0B16C;}
	.picture_6.st23{fill:#103754;}
	.picture_6.st24{fill:#C62229;}
	.picture_6.st25{fill:#F85A68;}
	.picture_6.st26{fill:#348EA9;}
	.picture_6.st27{fill:#53BB9B;}
	.picture_6.st28{fill:#F48C37;}
	.picture_6.st29{fill:#F04946;}
  /**/

  /**/

 a.custom-logo-link { 
    background-color: white;
    border-color: white;
    border-radius: 30px;
    border-width: 3px;
    padding-right: 5px;
    border-style: solid;
  }
    /**/

    /* START TEXT AREA IN CONTACTS */

    textarea, select, input[type="email"], input[type="text"] {
      border-color: #828282 !important;
    }
    textarea:focus, select:focus, input[type="email"]:focus, input[type="text"]:focus {
      border-color: #7628bf !important;
    }

    input.wpcf7-form-control.wpcf7-submit {
      width: 25%;
    }
      /* END TEXT AREA IN CONTACTS */
      /*Headline font/class on every other page except HomePage*/
    
    .attesa-extra-headline-typewriter-custom.h2-custom{
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
        color:#ffffff !important; 
        font-family:Quicksand,sans-serif !important;
        font-weight: bolder !important;
        font-size: 70px !important;
    }

    @media (max-width: 360px) {
    .attesa-extra-headline-typewriter-custom.h2-custom{
        font-size: 55px !important;
    }
}

/*picture our projects HARD CODING*/
.elementor-1736 .elementor-element.elementor-element-2c38154 .elementor-image-box-wrapper .elementor-image-box-img, 
.elementor-1736 .elementor-element.elementor-element-b57d206 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-a917a8c .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-2e38cc9 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-6dc726d .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-0499f35 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-190af2c .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-64b7fde .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-0babafa .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-2172e46 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-2c0679b .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-bc04a90 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-60914c8 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-62ad1a8 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-ec0f6a3 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-4123862 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-95b5f0a .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-8b102a1 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-7f29965 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-aa89344 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-1736 .elementor-element.elementor-element-ad09d75 .elementor-image-box-wrapper .elementor-image-box-img
{
  width: 100% !important;
}

.elementor-column-gap-default .elementor-row .elementor-column .elementor-element-populated {
  margin-right: 20px !important;
}

/*Remove element from within header part of the site*/
span.top-phone {
  display: none;
}