/*
Theme Name: 	Brightboy Child
Theme URI: 		http://themes.brightboy.co.za
Author: 		Brightboy
Author URI: 	https://brightboy.co.za
Description:	Whitelabel child theme for Brightboy
Template:		hello-elementor
Version: 		1.0.1
*/

/* **Table of contents - Desktop **
 
    1. Header & Menu
    2. Forms
    3. Pages 
    4. Buttons and icons
    5. Page Headings & text elements
    6. Animations
    7. Woocommerce
    8. Footer */

/*---------------------------*/
/*- DESKTOP CSS -------------*/
/*---------------------------*/

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

/* ---------------------------------------------------------------------------
 * 1. Header & menu
 * --------------------------------------------------------------------------- */

.mainmenu .elementor-widget-container {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}


/* ---------------------------------------------------------------------------
 * 2. Forms
 * --------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------
 * 3. Pages
 * --------------------------------------------------------------------------- */
/* Home */

.mainheading h1.elementor-heading-title::before {
  content: '';
  width: 4px;
  height: 93px;
  background-color: #F47D34;
  position: absolute;
  left: -40px;
  top: 5px;
}

.welcome {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 64px;
}

/* ---------------------------------------------------------------------------
 * 4. Buttons and icons
 * --------------------------------------------------------------------------- */

/* Header menu */

.actionlinks a .elementor-icon-list-text {
  transition: 0.3s ease-in-out;
}

.actionlinks a .elementor-icon-list-text:hover {
  color: #f47d33 !important;
}


.socialicons .elementor-social-icon-facebook-f,
.socialicons .elementor-social-icon-linkedin-in,
.socialicons .elementor-social-icon-twitter,
.socialicons .elementor-social-icon-youtube {
  background-color: unset;
}

.socialicons a.elementor-social-icon i {
  transition: 0.3s ease-in-out;
  color: #bebebe;
}

.socialicons a.elementor-social-icon i:hover {
  color: #f47d33 !important;
}

/* ---------------------------------------------------------------------------
 * 5. Page Headings & text elements
 * --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
 * 6. Animations
 * --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
 * 7. Woocommerce
 * --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
 * 8. Footer styling
 * --------------------------------------------------------------------------- */



/* **Table of contents - Responsive **
 
    1. Header & Menu
    2. Forms
    3. Pages 
    4. Buttons and icons
    5. Page Headings & text elements
    6. Animations
    7. Woocommerce
    8. Footer */

/*--------------------------------------------*/
/*- Responsive CSS Small devices (phones etc)
/*--------------------------------------------*/

@media (max-width: 768px) {

  /* ---------------------------------------------------------------------------
 * 1. Header & menu
 * --------------------------------------------------------------------------- */


  /* ---------------------------------------------------------------------------
 * 2. Forms
 * --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * 3. Pages
 * --------------------------------------------------------------------------- */


  /* ---------------------------------------------------------------------------
 * 4. Buttons and icons
 * --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * 5. Page Headings & text elements
 * --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * 6. Animations
 * --------------------------------------------------------------------------- */


  /* ---------------------------------------------------------------------------
 * 7. Woocommerce
 * --------------------------------------------------------------------------- */


  /* ---------------------------------------------------------------------------
 * 8. Footer styling
 * --------------------------------------------------------------------------- */



}

/*--------------------------------------------*/
/*- Larger devices (tablets, 1025px and up)
/*--------------------------------------------*/
@media (max-width: 1025px) {


  /* ---------------------------------------------------------------------------
 * 1. Header & menu
 * --------------------------------------------------------------------------- */


  /* ---------------------------------------------------------------------------
 * 2. Forms
 * --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * 3. Pages
 * --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * 4. Buttons and icons
 * --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * 5. Page Headings & text elements
 * --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * 6. Animations
 * --------------------------------------------------------------------------- */


  /* ---------------------------------------------------------------------------
 * 7. Woocommerce
 * --------------------------------------------------------------------------- */


  /* ---------------------------------------------------------------------------
 * 8. Footer styling
 * --------------------------------------------------------------------------- */



}