body{ font-family: var(--font-body); color: var(--black); font-size: 16px; }
h1, h2, h3, h4, h5, h5{ font-family: var(--font-display); }
a{ transition: var(--transition); }
strong{ font-weight: bold; }

/*Webkit Scrollbars*/
::-webkit-scrollbar { width: 12px; height: 12px; }  
::-webkit-scrollbar-track { background-color: var(--white); border-left: none; }
::-webkit-scrollbar-thumb { background-color: var(--gray-800); border: 2px solid var(--white); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background-color: var(--gray-700); }  

/*Placeholders*/
::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }

/*Buttons*/
.button{ background: var(--violet); color: var(--white); border: 2px solid var(--violet); font-size: .8em; border-radius: 50px; font-weight: 600; font-family: var(--font-display); display: inline-block; transition: var(--transition); }
.button:hover{ background: transparent; color: var(--violet);  }

/*Generics*/
.content{ margin: 0 auto; max-width: 1160px; width: 100%; }
.clearfix:after{ content: ""; display: block; clear: both; }
.overflow{ overflow: hidden; }

/*Titles*/
.section-title{ font-size: 2.8em; font-weight: 600; letter-spacing: -1px; margin: 20px 0; line-height: 1.2; }
.post-title{ font-size: 2.6em; font-weight: 600; letter-spacing: -1px; margin: 10px 0; }
.page-title{ font-size: 2em; font-weight: 600; letter-spacing: -1px; font-family: var(--font-display); margin-bottom: 40px; line-height: 1.3; }

/*Top Title Text*/
.top-title-page{}
.top-title-page h1{ font-size: 2.4em; font-weight: 600; letter-spacing: -1px; font-family: var(--font-display); line-height: 1.3; color: var(--gray-200); }

/*Tags*/
.content-tag a{ font-weight: 600; text-decoration: none; background: var(--skyblue); color: var(--white); display: inline-block; padding: 8px; font-size: .85em; }

/*Read More*/
.read-more{ display: flex; text-decoration: none; align-items: center; padding-right: 10px; }
.read-more span{ display: inline-block; font-family: var(--font-display); font-size: 1.1em; font-weight: 500; padding-right: 10px; color: var(--violet); }
.read-more i{ width: 40px; height: 40px; border-radius: 100%; background: var(--violet); color: var(--white); display: flex; align-items: center; justify-content: center; border: 2px solid var(--violet); transition: var(--transition); font-size: 18px; }
.read-more:hover i{ background: transparent; color: var(--violet); } 

/*Read More Small*/
.read-more.small i{ width: 30px; height: 30px; font-size: 13px; background: transparent; color: var(--violet); }
.read-more.small:hover i{ background: var(--violet); color: var(--white); } 

/*Contact Form 7*/
.wpcf7 form .wpcf7-response-output{ margin: 0; padding: 0; border: none !important; font-size: .9em; }
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output{ color: #F00; }
.wpcf7-not-valid-tip { color: #F00; font-size: .9em; font-weight: normal; display: block; margin-bottom: 20px; }
.wpcf7-not-valid{ border-color: #F00; }