/*
Theme Name: Rs Card Child Theme
Theme URI: http://rscardwp.px-lab.com
Template: rs-card
Author: Px-Lab
Author URI: http://px-lab.com
Description: RSCard – is a single page personal resume / cv / vcard WordPress Theme with clean, modern and organized looking design. The uniqueness of RSCard relies on the combination of a fresh & user-friendly interface for an optimized user experience. The template is created in minimalist / clean / material style and includes two color skins: light and dark. It has been conceived with a proper balance between UI & UX in order to offer an excellent user experience on a reviewing resume/ cv or vcard template. 
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, blavatar, custom-colors, custom-header, custom-menu, editor-style, featured-images, featured-image-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready, photoblogging
Text Domain: rs-card
*/

/*************** SANJA BAUK CUSTOM CSS ***************/

/* changes the colour of the line between subtitle and bio text */

.section-about .profile-info 
{
	border-bottom: 1px solid #e24656;
} 

/* creates a drop shadow behind profile picture */

.profile-photo img 
{
box-shadow: 0 1px 6px rgb(0 0 0 / 12%), 0 1px 4px rgb(0 0 0 / 24%)
}

/* removes grey layer on top of header background image */

.head-bg:before {
    background-color: rgba(0, 0, 0, 0);
}

/* changes books image settings: corrects height and removes greyscale */

.timeline-box img.img
{
	max-height: 275px;
	filter: none;
	-webkit-filter: none;
}

/* changes books H3 styling */

.timeline-box h3 
{
	color: #5b4f52;
}

/* changes all main heading colours to brown */

.section-title 
{
    color: #5b4f52;
}		

/* changes styling on back to top button */

.btn-scroll-top .rsicon 
{
	color: #e24656 !important;
	
}

.btn-scroll-top 

{
	border: 1px solid #e24656;
	background-color: #ffffff;
}

/* Navigation Colour Update */

.head-nav a {
    color: #F7d7c3 !important;
}

.sub-menu a {
	color: #5b4f52 !important;
}

.head-sticky a {
	color: #5b4f52 !important;
}

/*Remove opacity from background image and making it higher */

.header-has-img.home .head-bg {
    height: 910px !important;
}

.head-bg:before {
    background-color: transparent !important;
}

/* CTA button colour change & took the border off - looked weird */

.btn-lg {
    background-color: #fff;
}

.btn-border {
    border: none;
}

/* Social Media Icons */

.social-media-icons {
    display: inline;
    margin: 0 10px;
}

.red-background {
	background-color: #e24656;
	padding: 35px 0;
}

.section-txt-btn {
    margin-top: 0px; /* This is so that the red bar sits against the white block. */
}

/* Book section updates */

.section-experience {
	margin-top: 50px;
}

.timeline-box-inner p {
    margin: 0 0 25px 0;
    text-align: center;
    font-weight: bold;
    color: #e24656;
}

/* Media Section */

.media {
	width: 33%;
    float: left;
    padding: 0 10px;
    text-align: center;
}

.media a {
    text-align: center;
	text-decoration: none;
	font-size: 14px;
}

.clear {clear:both}

/* Change background website colour from grey to peach */

body {
    background-color: #FBE9DB;
}

/* Contact Section Updates */

.section-contact h3 {
	font-size: 16px;
	font-style: italic;
}

.section-contact .contact-list img {
	width: 100%;
} 

.contact-info .contact-list span {
    margin-left: 0px;
}

.check-field {
    font-style: italic;
}

/* Footer Styles */

.footer-style {
	background-color: #e24656;
	padding-top:10px;
	padding-bottom: 10px;
	color: #fff;
}

.footer-style p {
	margin: 0;
}

.footer-style a {
	color: #f7d7c3 !important;
}

/* Adding some padding for the top nav area */

.head-bar-inner {
    padding: 10px 35px;
}

/* CV Button Styling */

.cv-cta {
    background-color: #e24656;
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    font-weight: bold;
}

.cv-cta a {
	color: #fff !important;
	text-decoration: none;
}

/*Form Styling */

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #5b4f52;
    border: none;
    color: white;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #e24656 !important;
    color: #fff !important;
    padding: 15px 20px;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    font-weight: bold;
	border: none !important;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
    background-color: #e24656 !important;
    border: none !important;
}

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #5b4f52 !important;
	color: #fff !important;
	border: none !important;
}

/* General Spacing */

#journal_papers .togglebox, .accordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

#media.section {
    padding-top: 30px !important;
}

#contact.section {
    padding-top: 60px;
}


/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Queries - THIS NEEDS TO BE AT THE BOTTOM OF THE STYLESHEET - otherwise it will screw with your other CSS */

@media screen and (max-width: 991px) {
.sub-menu a {
	color: #fff !important;
}
}

@media screen and (max-width: 767px) {
  .hide-mobile {
    display: none;
  }

.contact-info.section-box {
    padding: 0;
    display: none !important;
}
	
#books.section {
    padding-top: 0px !important;
}
	
#media.section {
    padding-top: 20px !important;
}
}