/*
Theme Name:  Nectarblocks Child Theme
Version:     1.0.0
Template:    nectar-blocks-theme
Description: Child theme for Nectarblocks.
Theme URI:   https://nectarblocks.com
Author:      NectarBlocks
Author URI:  https://nectarblocks.com
License:     Custom license
License URI: https://nectarblocks.com/license
Text Domain: nectar-blocks-theme
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder. 
/*-------------------------------------------------------------------------*/

html 
{ 
	font-size: 16px; 
}

@media only screen and (max-width: 1024px) {
    :root 
	{
    	--header-mobile-fullwidth-horizontal-padding: 5vw;
		--scroll-bar-w: 0px;
	}

	html 
	{ 
		font-size: 15px; 
	}
}

/*CTAS intéractions*/
/*call to action with arrow*/
.nectar-blocks-button:not(.secondary) .nectar-component__icon {
    position: absolute !important;
    right: -54px;
    padding: 1rem;
    background-color: var(--dark);
    border-radius: 0px;
    transition: all 300ms ease-in-out !important;
}

.nectar-blocks-button:not(.secondary) .nectar-component__icon svg path {
    color: var(--accentLight);
    transition: color background 300ms ease-out;
}

.nectar-blocks-button:not(.secondary):hover .nectar-component__icon {
    background-color: #8ED2DB;
    transition: all 300ms ease-in-out !important;
    border-radius: 10rem;
}


.nectar-blocks-button:not(.secondary):hover .nectar-component__icon svg path {
    color: var(--dark);
}


#block-aSoChAxvFB .nectar-blocks-text__highlight--underline {
    color: #ffbbfc;
    background: initial !important;
}

/*Animation hover button rond*/
.button-road-carre .wp-block-nectar-blocks-icon .nectar-blocks-icon__inner {
    transition: border-radius 300ms ease-in-out;
}

.button-road-carre:hover .wp-block-nectar-blocks-icon .nectar-blocks-icon__inner {
    border-radius: 0 !important;
}

.button-road-carre .wp-block-nectar-blocks-button a
{
    transition: background 300ms ease-in-out;
}

.button-road-carre:hover .wp-block-nectar-blocks-button a
{
    background: #f5b43d !important;
}

@media (max-width:999px)
{
	.nectar-blocks-button:not(.secondary) .nectar-component__icon 
	{
    	right: -42px;
    	padding: 0.8rem;
    }
}

/* ==========================================================================
   TUTOR LMS DASHBOARD
   ========================================================================== */

/*Masquer l'autheur pour le moment*/
.tutor-single-course-sidebar-more
{
	display: none;
}

/*padding top de la page*/
.tutor-wrap {
    color: var(--tutor-body-color);
    padding-top: 10vh;
	padding-bottom: 12vh;
}

/*Masquer certains onglets*/
.tutor-dashboard-menu-my-quiz-attempts,
.tutor-dashboard-menu-purchase_history,
.tutor-dashboard-menu-question-answer
{
	display: none;
}

/*buttons colors dans un cours*/
html body button[type=submit]:hover
{
	background-color: #1d3e43 !important;
	color: white !important;
}

html body button[type=submit]
{
	padding: 1rem 1.2rem;
	border-radius: .5rem;
}

/*Width*/
@media(min-width:1000px){
    .tutor-container-xxl, .tutor-container-xl, .tutor-container-lg, .tutor-container-md, .tutor-container-sm, .tutor-container {
        max-width: 1500px;
    }
}

.tutor-container ul li {
    list-style: none;
    list-style-position: none;
}

@media (min-width:1100px) and (max-width:1270px)
{
	#top .sf-menu > li:not([class*="menu-item-btn"]) > a .menu-title-text 
	{
    	font-size: 14px !important;
	}
	#nectar-nav:not([data-format=left-header]) #top>.container>.row, 
	#nectar-nav:not([data-format=left-header]) #top>.container>.row nav, 
	#nectar-nav:not([data-format=left-header]) #top>.container>.row nav>ul, 
	#nectar-nav:not([data-format=left-header]) #top>.container>.row nav>ul>li
	{
		margin: 0;
	}
	
	#nectar-nav #logo img, #nectar-nav .logo-spacing img
	{
		height: 16px;
	}
}