body {max-width: 100vw; }
section { scroll-margin-top: 69px; }
/*.navbar-brand { min-width: 156px; }*/

#htmlModal .modal-dialog,
#htmlModal .modal-content {
    height: 95%;
}

#htmlModal .modal-body {
    max-height: calc(100% - 120px);
    overflow-y: scroll;
}

	#newsletterPreview { width: 100%; height: 100%; }
	#htmlModal {height: 80vh;}
        #weather img {
            background-blend-mode: ;
        }

        .team_photos img {
            max-width: 150px;
            border-radius: 50vh;
        }
        section h1.section-title { font-variant: small-caps; color: #C47DFF; font-size: 24px; letter-spacing: 4px; padding: 1em 0; }
        .fg-draco { color: #C47DFF !important; }
        .fg-trends { color: #772D8B !important; }

        .bg-draco { background-color: #C47DFF !important; }
        .border-draco { border-color: #C47DFF !important; }

        .btn-draco { background-color: #772D8B; color: white !important; }
	.btn-draco:hover { background-color: #C47DFF; color: white !important;  }
	.btn-draco.disabled { background: #D0D0D0; color: white; }
        .btn-draco2 { background-color: #A0A0A0; color: white !important; }
        .btn-draco2:hover { background-color: #C47DFF; color: white !important;  }

	form .error { color: red; }
        #newsletters .card:hover, #newsletterListModal .card:hover { background-color: #C47DFF; }
	.video-baseline video { max-width: 60vw; min-width: 300px; }
        
        section#weather img { max-width: 100%; }
    
    	a { color: #772D8B !important; text-decoration: none; }

    	nav .nav-link { font-weight: normal; font-size: 1.05em; color: #772D8B !important;} 
	nav .nav-link:hover { font-weight: normal; font-size: 1.05em; color: #C47DFF !important;}

        i.bi-person, i.bi-person-check { color: white !important; }

    	.font-trends { font-family: Georgia,Times,Times New Roman,serif; letter-spacing: -1px; }
    	.ft_Alte { font-family: 'AlteHaasGrotesk'; color: #000; margin-left: 0.3em; }
	    .ft_Sansa { font-family: 'Sansation'; color: #00cc99; }
        .underline-dotted { border-bottom: 1px dotted; }


        p { margin: 0 !important;}

        @media only screen and (min-width: 992px) {
            .navbar .navbar-nav .nav-item .nav-link {
                padding: 0 1em;
            }
            .navbar .navbar-nav .nav-item:not(:last-child) .nav-link {
            }
	}

        nav, h1.fullwidth { background: #F0F0F0; }
        h1.fullwidth { padding: 0.5em 0; }

        section#title, section#subtitle, section#weather { background: white; }
        section:nth-child(odd) { background: #F0F0F0; }
        section:nth-child(odd) > h1 { background: #212529 !important; }
        section:nth-child(even) { background: #F0F0F0; }
        section:nth-child(even) > h1 { background: #212529 !important; }
        section > h1 { margin-bottom: 3em; }


    	nav li.login *, nav li.dropdown * { color: #333 !important; }
        nav li.login i.bi-person, nav li.login i.bi-person-check { color: white !important; }
	nav .login a { font-size: 1em !important; padding: 5px 10px; }

        .carousel-indicators button {
            background-color: #C47DFF !important;
        }
	.carousel-indicators button.active { background-color: #772D8B; }
	.carousel-item p { height: 2em; }

        .accordion-button:not(.collapsed) { background: none; color: black; font-weight: bold; }
        .accordion-button:focus { box-shadow: none; }
        
        footer {         }
        footer a { padding: 0 0.5em;}
        
        h1.titre {
            font-size: 60px;
            line-height: 1;
        }

	    .trends-figures h1 { display: inline-block; }
        .trends-figures h1 img { height: 35px; vertical-align: middle !important; margin-bottom: 12px; }
        
        div.trends-figures {  }
        .trends-figures .figures h1 { font-size: 3.5em; }

        #faq p {padding-bottom: 1em;}
        #faq .card-body { margin-left: 22px !important; }
        
        #markets .form-check-input { border-color: #aaa !important; }
        #markets .form-check-input:checked {
            background-color: #C47DFF;
            border-color: #C47DFF;
        }
        #markets .form-check-input:focus {
            border-color: #C47DFF !important;
            box-shadow: none !important;
        }
        #subscriptions .card-footer {
            border-top: 0;
        }

        h1.icon { color: #C0C0C0; }
        #card_sig_efficace { background: #eee; }
        #card_sig_efficace h1 svg, #card_freedom h1 svg, #card_fast h1 svg { height: 1em;}

        #card_freedom { background: #f6f6f6; }
        
        footer { font-size: 0.9em; }
        footer a { color: #772D8B !important; text-decoration: none; }
        footer a:hover { color: #C47DFF !important; text-decoration: none; }
        footer #logo_orias, footer #logo_anacofi { height: 3em; }
        footer img.socials { height: 2em; display: inline; margin: 0 2px; }
        footer .baseline img { height: 3em; }
        footer .baseline #brand { font-size: 3em; }
        footer .baseline #baseline { padding-left: 4em; font-size: 1.15em;}
        footer #partners { background: #00ff00; padding: 0.5em 0; color: #888; }
        footer #partners a { color: black !important;}

	.wg-default, .wg-default .country-selector {
    		left: 20px !important;
    		right: unset !important;
	}	


	.pg_signal .freq a { padding-left:0; padding-right: 0; }
	.pg_signal a.btn { font-size: 1em !important; }
	.pg_signal .freq a:hover { background: #C47DFF; color: white !important; border-color: #C47DFF; }
	.pg_signal img.signal {height: 1.5em;}
	.pg_signal .ptf a img { padding-left: 0.5em; }
	.pg_signal select option.europe { background-image: url("assets/img/flag_europe.png"); }



	.signal_summary .table * { font-size: 14px !important; }
	.signal_summary .table > .body { border-bottom: solid 1px #ccc; }
	.signal_summary .table .section { padding: 0.1em 0;}

	.signal_summary .table .section { margin:0; padding:0; }
	.signal_summary .table .section  div.val { margin:0; padding: 0.2em 0.25em 0; }

	.signal_summary .table .section  div.val img { margin:0 !important; padding:0 !important; }
	.signal_summary .table .section  div.val img.up_live { }
	.signal_summary .table .section  div.val img.up_delayed { color: red; }
	.signal_summary .header1 span { margin:0; padding:0; }
	.signal_summary .header2 { color: #37bd94; font-weight: 600; }
	.signal_summary .header2 div div.section { background-color: #eee; }

	.signal_summary .body > .section:first-child { border-right: 1px solid #ccc}
	.signal_summary i.bi { font-size: 1.4em !important; }
	.signal_summary div.strength { margin-top:-2px !important; padding: 0 !important; color: #999; }
	.signal_summary span.freq { color: #999;}
	.signal_summary div.vote div {padding: 0 !important;}
	.signal_summary .delayed {color: #999;}
	.signal_summary .delayed div.strength { color: #ccc !important;}
	.signal_summary .assclass { font-weight: 700; }
	.signal_summary .sector { font-weight: 500; }

	table.performance .subth th { color: #37bd94; }
	table.performance .pubweekday { color: #999; }
	table.performance .pubvote { color: #37bd94; }
	table.performance .pubsignal img, table.performance .perfsignal img {height: 16px; margin-bottom: 4px; }


	#listContracts .list-group-item.active, #listFrequencies .list-group-item.active { background-color: #37bd94; border-color: #37bd94; color: white !important; }
	
	
    .slidecaption {
         -webkit-animation-name: spinner; 
        -webkit-animation-timing-function: linear; 
        -webkit-animation-iteration-count: infinite; 
        -webkit-animation-duration: 3s; 
        animation-name: spinner; 
        animation-timing-function: linear; 
        animation-iteration-count: infinite; 
        animation-duration: 3s; 
        -webkit-transform-style: preserve-3d; 
        -moz-transform-style: preserve-3d; 
        -ms-transform-style: preserve-3d; 
        transform-style: preserve-3d;
        -webkit-transform-origin: center center;
    }

    @-webkit-keyframes spinner { 
        from 
        { 
            -webkit-transform: rotateY(0deg); 
        } 
        to { 
            -webkit-transform: rotateY(-360deg); 
        } 
    }
    @keyframes spinner { 
        from { 
            -moz-transform: rotateY(0deg); 
            -ms-transform: rotateY(0deg); 
            transform: rotateY(0deg); 
        } 
        to 
        { 
            -moz-transform: rotateY(-360deg); 
            -ms-transform: rotateY(-360deg); 
            transform: rotateY(-360deg); 
        
        } 
    }



