/*
Theme Name:     Customizr Child
Theme URI:      http://themesandco.com/customizr
Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://themesandco.com
Template:       customizr
Version:        1.0.0
*/

/* Your awesome customizations start right here !sek-sektion-inner e84747-ruda
-------------------------------------------------------------- */
/*MAIN*/
body {
    background: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
    text-shadow: none;
}




/*home-page*/
h1.title-home1 {
    font-size:44px;
    color:#fff;
    padding-bottom:40px;
    text-transform: uppercase;
}
.title4-desc {
    font-size:32px;
    color:#fff;
    padding-bottom:40px;
    line-height: 1.2em;
}

/*title*/
h2.wc-service1-title {
    text-transform: uppercase;
    line-height: 1em;
    font-size: 20px;
    padding-bottom: 5px;
    color: #303133;
    font-weight: 700;
    }


/*menu*/


/*kortele*/
#kortele2 {
    box-shadow: 0px 0px 8px rgba(0,0,0,0.05), 0px 0px 8px rgba(0,0,0,0.30);
    padding: 28px 30px 26px;
    background-color: #FFFFFF;
    margin: 10px;
}
#kortele3 .sek-sektion-inner{
    box-shadow: 0px 0px 8px rgba(0,0,0,0.05), 0px 0px 8px rgba(0,0,0,0.30);
    padding: 28px 30px 26px;
    background-color: #FFFFFF;
    }
/*kortele kategorijos*/
.wc-service1 {
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    -webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
    border-bottom: 3px solid #e84747;
    border-top: 1px solid #f2f2f4;
    border-left: 1px solid #f2f2f4;
    border-right: 1px solid #f2f2f4;
}
.wc-service1-special-content  {padding-bottom: 20px;padding-top: 20px;} 
/*calculate forms*/

.dfield input{
    background-color: #fcfcfc !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    height: 42px !important;
    
}

.dfield select{
    background-color: #fcfcfc !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    height: 42px !important;
    
}

/*.dfield slider-container {
    background-color: #000 !important;
    padding-left: 5px !important;
    padding-right: 10px !important;
    padding-top: 5px;
}*/

.dfield slider-container .ui-slider-handle ui-state-default ui-corner-all{
    border: 2px solid #000;
    background: red;
    font-weight: bold;
    color: #2779aa;
}



/* START OF Move/Hide Post Images */
/* Thumbnail Removed */
.tc-grid-figure {
display:    none;
}
/* Reset Post position/width */
.post .tc-content {
margin-left: 0px;
min-width:  100%;
}
/* END OF Move/Hide Post Images */


/*kortele 4*/
.sek-grid-layout article {
    padding: 0px;
    border: 1px solid #e8e8e9;
    border-bottom: 4px solid #e84747;
   display: flex;
  align-items: center; 
  justify-content: center; 
  text-align: center;
  background:#fff;
}
.sek-module-inner .sek-post-grid-wrapper .sek-pg-title a {
    text-transform: none;
    color: #444;
    font-size: 20px;
    line-height: 1em;
    padding: 23px 20px 23px 20px;
    display: block;
}
.sek-grid-layout article:hover{
   border: 1px solid #e84747;
   border-bottom: 4px solid #e84747;
}
.sek-module-inner .sek-post-grid-wrapper .sek-pg-title {
    line-height: 1em;
}

/* h-title1*/
.h-title-1 {
    font-size: 24px;
    margin-bottom: 19px;
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight: 700;
    color: #0e0e0e;
    text-transform: uppercase;
}
.kortele-gap1 {
    width: 110px;
    height: 3px;
    position: relative;
}
.kortele-gap1:before {
    left: 0;
    width: 25px;
}
.kortele-gap1:after {
    right: 0;
    width: 75px;
}
.kortele-gap1:before, .kortele-gap1:after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #e84747;
}
.kortele-gap11 {
    width: 110px;
    height: 3px;
    position: relative;
}
.kortele-gap11:before {
    left: 0;
    width: 25px;
}
.kortele-gap11:after {
    right: 0;
    width: 75px;
}
.kortele-gap11:before, .kortele-gap11:after {
    content: '';
    height: 50%;
    position: absolute;
    top: 0;
    background-color: #e84747;
}



/************search form ***********************************************/


/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
#search-calc #search-2 {
    float: right;
}
#search-calc {
    width: 100%;
}
#search-calc .search-form {
    position: relative;
    margin: 0;
}
/*Stop the display of the Search button*/
#search-calc .search-submit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
#search-calc .search-form .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

/* Style the search input textbox */
#search-calc .search-field {
    background: transparent;
    border: 1px solid #ffffff;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    height: 26px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 36px;
    position: relative;
}

/* Expand the search box when you click it */
#search-calc .search-field:active,
#search-calc .search-field:focus {
    color: #5a5a5a;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}

/* Add a magnifying glass background */
#search-calc .search-form:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f002';
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    font-weight: bold;
    top: 5px; /* tune this vertical alignment inside the search field, as needed */
    left: 5px; /* tune this horizontal alignment inside the search field, as needed */
}

/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    #search-calc #search-2 {
        float: left;
    }
    #search-calc {
        width: auto;
    }
}