/*
Theme Name: Breezycv Child
Author: lmpixels
Author URI: https://themeforest.net/user/lmpixels
Description: Child theme for the Breezycv. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Version: 1.0.0
License:     ThemeForest License
License URI: http://themeforest.net/licenses
Text Domain: breezycv
Template: breezycv
*/


/* Theme customization starts here
-------------------------------------------------------------- */

/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');*/

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');


.material-icons {
  font-size: 24px;
  vertical-align: middle;
  color: #333;
}

/* FORMCRAFT REX MOD */
.form-control, .input-text, input[type=email], input[type=password], input[type=search], input[type=text]:not(.form-control):not(input[type=email]):not(input[type=url]):not(input[type=password]):not(input[type=search]):not(textarea):not(.input-text), input[type=url], textarea {
    display: block;
    width: 100%;
    padding: .594rem 1rem;
    background-clip: padding-box;
    border: 1px solid #ddd;
    appearance: none;
    border-radius: 50px;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media only screen and (min-width: 1300px) {r
    .content-area {
        max-width: calc(100% - 340px)!important;
    }
}

@media only screen and (min-width: 1300px) {
    .header {
        max-width: 340px!important;
    }
}

@media only screen and (min-width: 1025px) {
    .header {
        padding: 15px 30px 45px!important;
    }
}

@media only screen and (min-width: 1245px) and (max-width: 1340px) {
    .content-area {
        max-width: calc(100% - 250px) !important;
    }
    .header {
        max-width: 250px !important;
    }
    .header-photo, .header-photo img {
        max-height: 200px!important;
        max-width: 200px!important;
    }
    .header-titles h2 {
        font-size: 25px!important;
    }
    .header-titles h4 {
        font-size: 19px!important;
    }
  sup {
    top: -0.5em!important;}
    .header .copyrights {
        width: 280px!important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1244px) {
    .content-area {
        max-width: calc(100% - 200px) !important;
    }
    .header {
        max-width: 200px !important;
    }
    .header-photo, .header-photo img {
        max-height: 150px!important;
        max-width: 150px!important;
    }
    .header-titles h2 {
        font-size: 20px!important;
    }
    .header-titles h4 {
        font-size: 17px!important;
    }
  sup {
    top: -0.5em!important;
}
    .header .copyrights {
        width: 200px!important;
    }
  .btn-primary, .btn-secondary, button, input[type="button"], input[type="submit"], .wp-block-button .wp-block-button__link, .elementor .btn-primary, .elementor .btn-secondary {
    padding: 7px 20px !important;
    font-size: 12px !important;
}
  .animated-section > .section-content, .single-page-content > .content-wrapper {
    padding: 20px !important;
}
}
@media only screen and (min-width: 1300px) {
    .header .copyrights {
        width: 350px!important;
    }
}