/*
Theme Name:   Soul Magic Studio
Theme URI:    https://www.soulmagicstudio.com
Description:  Divi child theme for Soul Magic Studio. Custom CSS and functions live here, so Divi updates never overwrite them.
Author:       Agnes Kocsis
Author URI:   https://www.soulmagicstudio.com
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  soul-magic-child
*/

/* ==========================================================================
   Brand palette, as CSS variables

   Use these instead of typing hex values: var(--sms-teal-mid) and so on.
   Change a colour here and every rule below follows.
   ========================================================================== */

:root {
	--sms-indigo:       #2e2b45;
	--sms-indigo-mid:   #4a4760;
	--sms-text-muted:   #8a8598;

	--sms-teal-mid:     #528490;
	--sms-teal:         #6b9fa8;
	--sms-teal-light:   #a0c4cc;
	--sms-teal-pale:    #daedf0;

	--sms-mustard:      #d4aa55;
	--sms-mustard-light:#f0dfa0;

	--sms-rose:         #b66d86;
	--sms-rose-light:   #d4a8b8;
	--sms-rose-pale:    #f0dce6;

	--sms-blush:        #e8c5b0;
	--sms-blush-light:  #f5e6db;

	--sms-cream:        #faf6f0;
	--sms-cream-warm:   #f2ebe0;
	--sms-border:       #e0d8ca;
}

/* ==========================================================================
   Your existing CSS

   Paste what you currently have in Divi > Theme Options > Custom CSS here,
   then empty that box. One home for everything.
   ========================================================================== */


/* ==========================================================================
   Site-wide
   ========================================================================== */


/* ==========================================================================
   Course area

   The course plugin carries its own styling, and its colours come from
   Courses > Settings. Only add here when you want something the settings
   can't reach.
   ========================================================================== */


/* ==========================================================================
   Page-specific

   Give a section a CSS ID in Divi (Advanced > CSS ID), then target it here,
   so a rule meant for one page can never leak onto another.
   ========================================================================== */


/* ==========================================================================
   Responsive

   Divi's breakpoints: 981px and up is desktop, 768–980px tablet,
   767px and below phone.
   ========================================================================== */

@media (min-width: 981px) {

}

@media (max-width: 980px) {

}

@media (max-width: 767px) {

}