/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-wpl-block-resume-cv-template {
  margin: 0 auto;
  padding: 20px; }
  .wp-block-wpl-block-resume-cv-template .template-style {
    /* Default Styles */
    /* Accent titles Styles */
    /* Accent titles 2 Columns */ }
    .wp-block-wpl-block-resume-cv-template .template-style .wpl-resume-genera-information .wpl-resume-contact-name-headline .name {
      text-align: center;
      font-size: 2rem;
      margin-bottom: 1rem; }
    .wp-block-wpl-block-resume-cv-template .template-style .wpl-resume-genera-information .wpl-resume-contact-name-headline .headline {
      text-align: center;
      font-size: 1rem; }
    .wp-block-wpl-block-resume-cv-template .template-style .wpl-resume-genera-information .wpl-resume-contact-info {
      text-align: center; }
      .wp-block-wpl-block-resume-cv-template .template-style .wpl-resume-genera-information .wpl-resume-contact-info .email {
        display: inline-block;
        margin-right: 25px;
        margin: 0;
        padding-right: 20px; }
      .wp-block-wpl-block-resume-cv-template .template-style .wpl-resume-genera-information .wpl-resume-contact-info .phone {
        display: inline-block;
        margin: 0; }
    .wp-block-wpl-block-resume-cv-template .template-style .wpl-resume-genera-information .address {
      text-align: center;
      margin: 0;
      padding-bottom: 40px; }
    .wp-block-wpl-block-resume-cv-template .template-style.accent-titles-style .wpl-resume-genera-information .wpl-resume-contact-name-headline {
      text-align: center; }
      .wp-block-wpl-block-resume-cv-template .template-style.accent-titles-style .wpl-resume-genera-information .wpl-resume-contact-name-headline .name {
        border: 4px solid #b69853;
        padding: 15px 40px;
        display: inline-block;
        color: #b69853;
        text-align: center;
        font-size: 2rem;
        margin-bottom: 1rem; }
    .wp-block-wpl-block-resume-cv-template .template-style.accent-title-columns .wpl-resume-genera-information .wpl-resume-contact-name-headline {
      text-align: center; }
      .wp-block-wpl-block-resume-cv-template .template-style.accent-title-columns .wpl-resume-genera-information .wpl-resume-contact-name-headline .name {
        border-bottom: 4px solid #b69853;
        padding: 15px;
        display: inline-block;
        color: #b69853;
        text-align: center;
        font-size: 2rem;
        margin-bottom: 1rem; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wpl-resume-clear {
  clear: both; }

/* Default Styles */
.default-style .wp-block-wpl-block-resume-cv-section {
  background: #fff;
  border: 1px solid #f3f3f3;
  padding: 40px;
  margin-bottom: 20px; }
  .default-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title {
    width: 20%;
    float: left;
    margin-right: 10%; }
    @media only screen and (max-width: 850px) {
      .default-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title {
        width: 100%; } }
    .default-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title .resume-section-title {
      text-transform: uppercase;
      font-size: 1rem; }
  .default-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-content {
    width: 70%;
    float: left; }
    @media only screen and (max-width: 850px) {
      .default-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-content {
        width: 100%; } }

/* Accent titles Styles */
.accent-titles-style .wp-block-wpl-block-resume-cv-section {
  background: #fff;
  border: 1px solid #f3f3f3;
  padding: 40px;
  margin-bottom: 20px; }
  .accent-titles-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title {
    width: 100%;
    text-align: left; }
    .accent-titles-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title .resume-section-title {
      text-transform: uppercase;
      font-size: 1rem;
      border: 4px solid #b69853;
      padding: 15px 40px;
      display: inline-block; }
  .accent-titles-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-content {
    width: 100%; }

/* Accent titles 2 Columns */
.accent-title-columns .wp-block-wpl-block-resume-cv-section {
  background: #fff;
  border: 1px solid #f3f3f3;
  padding: 40px;
  margin-bottom: 20px; }
  .accent-title-columns .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title {
    width: 20%;
    float: left;
    margin-right: 10%; }
    @media only screen and (max-width: 850px) {
      .accent-title-columns .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title {
        width: 100%; } }
    .accent-title-columns .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title .resume-section-title {
      text-transform: uppercase;
      font-size: 1rem;
      padding: 0; }
      .accent-title-columns .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title .resume-section-title:after {
        content: '';
        display: block;
        width: 40px;
        height: 3px;
        background: #b69853;
        margin: 14px 0 15px; }
  .accent-title-columns .wp-block-wpl-block-resume-cv-section .wpl-resume-section-content {
    width: 70%;
    float: left; }
    @media only screen and (max-width: 850px) {
      .accent-title-columns .wp-block-wpl-block-resume-cv-section .wpl-resume-section-content {
        width: 100%; } }

.compact-style .wp-block-wpl-block-resume-cv-section {
  background: #fff;
  padding: 40px; }
  .compact-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title {
    width: 100%;
    float: left;
    margin-right: 10%;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    overflow: hidden; }
    .compact-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title:after {
      position: absolute;
      top: 51%;
      overflow: hidden;
      width: 100%;
      height: 1px;
      content: '\a0';
      background-color: #000; }
    .compact-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-title .resume-section-title {
      text-transform: uppercase;
      font-size: 2rem;
      padding: 0;
      margin: 0;
      display: inline-block;
      background: #fff;
      padding-right: 20px;
      z-index: 999; }
  .compact-style .wp-block-wpl-block-resume-cv-section .wpl-resume-section-content {
    width: 100%;
    float: left; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-wpl-block-resume-cv-education {
  color: #292929;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc; }
  .wp-block-wpl-block-resume-cv-education .school-name {
    font-weight: bold;
    margin: 0; }
  .wp-block-wpl-block-resume-cv-education .degree {
    margin: 0; }
  .wp-block-wpl-block-resume-cv-education .field-of-study {
    margin: 0; }
  .wp-block-wpl-block-resume-cv-education .start-end-date {
    margin: 0;
    font-style: italic; }
  .wp-block-wpl-block-resume-cv-education .wpl-resume-section-content {
    margin-top: 20px; }

/* Default Styles */
/* Accent titles Styles */
.compact-style .wpl-resume-education-info {
  float: left;
  width: 30%;
  margin-right: 10%;
  text-align: right; }
  @media only screen and (max-width: 850px) {
    .compact-style .wpl-resume-education-info {
      text-align: left;
      margin-right: 0;
      width: 100%; } }

.compact-style .wpl-resume-education-content {
  float: right;
  width: 60%; }
  @media only screen and (max-width: 850px) {
    .compact-style .wpl-resume-education-content {
      width: 100%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/* Default Styles */
.wp-block-wpl-block-resume-cv-experience {
  color: #292929;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc; }
  .wp-block-wpl-block-resume-cv-experience .experience-title {
    font-weight: bold;
    margin: 0; }
  .wp-block-wpl-block-resume-cv-experience .employment-type {
    margin: 0; }
  .wp-block-wpl-block-resume-cv-experience .company-name {
    margin: 0; }
  .wp-block-wpl-block-resume-cv-experience .location {
    margin: 0; }
  .wp-block-wpl-block-resume-cv-experience .start-end-date {
    margin: 0;
    font-style: italic; }
  .wp-block-wpl-block-resume-cv-experience .wpl-resume-section-content {
    margin-top: 20px; }

/* Default Styles */
/* Accent titles Styles */
/* Accent titles Styles */
.compact-style .wpl-resume-experience-info {
  float: left;
  width: 30%;
  margin-right: 10%;
  text-align: right; }
  @media only screen and (max-width: 850px) {
    .compact-style .wpl-resume-experience-info {
      text-align: left;
      margin-right: 0;
      width: 100%; } }

.compact-style .wpl-resume-experience-content {
  float: right;
  width: 60%; }
  @media only screen and (max-width: 850px) {
    .compact-style .wpl-resume-experience-content {
      width: 100%; } }