/*
Theme Name: Totem
Description: Child-theme for Beans.
Author: ThemeButler
Author URI: http://www.themebutler.com
Template: tm-beans
Version: 1.0.3
Text Domain: tbr-totem
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* HEADER >>> */


.tm-header
{
 	min-height: auto;
}




.tm-header .tm-site-branding { display: none; }

/* menu >>> */
nav.uk-float-right { float: none; }

nav.tm-primary-menu 
{ 
    background-color: rgba(113, 193, 228, 0.3);
}

nav.tm-primary-menu ul a { color: #055C81; font-size: 24px; line-height: 35px;}
.uk-navbar-nav > li.uk-active > a  { font-weight: 700; color: #055C81; }

.uk-navbar-nav > li > a  { height: 60px; padding-top: 10px; }
.uk-navbar-nav > li[data-uk-dropdown] > a i { top:38px; }

.uk-navbar-nav .uk-dropdown,
.uk-navbar-nav .uk-dropdown-blank
{ background-color: whitesmoke; width: 350px;}

.uk-nav-dropdown > li > a { font-size: 24px; line-height: 35px;}
.uk-nav-dropdown > li > a:hover { background-color: rgb(113, 193, 228); }

nav.tm-primary-menu ul > li.current-page-ancestor > a,
.uk-nav-dropdown > li.uk-active > a { font-weight: 700; color: #055C81; }
/* menu <<< */


@media only screen and (max-width: 2000px)
{
    header .tm-overlay-navigation { height: 220px; }
    nav.tm-primary-menu { top: 145px;}  
    nav.tm-primary-menu ul a { font-size: 18px; line-height: 27px;}
    .uk-navbar-nav > li > a  { height: 40px; padding-top: 7px; }
    .uk-navbar-nav > li[data-uk-dropdown] > a i { top:25px; }
    .uk-nav-dropdown > li > a { font-size: 18px; line-height: 27px;}
}

@media only screen and (max-width: 960px)
{
    header .tm-overlay-navigation { height: 150px; }
    
    nav.tm-primary-menu { top: 20px; }  
	nav.tm-primary-offcanvas-menu {float:none !important;}
	
	div.tm-widget {display:none !important;}

    
    nav.uk-float-right { float: right; }
    
    .uk-button-primary { background-color: rgba(170, 218, 239, 0.95); color: #055C81 !important;}
    
    .uk-button-primary:hover, .uk-button-primary:active,
    .uk-button-primary:focus
    { background-color: rgba(170, 218, 239, 0.95);}
    
    .uk-offcanvas-bar { background-color:white ; }
    
    .uk-nav-offcanvas > li > a, .uk-nav-offcanvas .uk-nav-sub > li > a 
    { color: #055C81; }
    
    .uk-nav-offcanvas > li > a:hover, .uk-nav-offcanvas .uk-nav-sub > li > a:hover
    { background-color: rgb(113, 193, 228) !important; }
    
    .uk-nav.uk-nav-offcanvas > li.uk-active > a 
    { font-weight: 700 !important; color: #055C81 !important; background: none !important; }



}


   


@media only screen and (max-width: 700px)
{
    header .tm-overlay-navigation 
    { 

        background-image:url('https://www.syamhope.com/wp-content/uploads/2022/07/new-logo.png') !important;        
        height: 250px;

    }
	nav.tm-primary-menu { top: 15px;} 	

    header .uk-container { margin-top: 20px; }
	
	

    body {background-color: white;}

    .tm-overlay-navigation {margin-top:25px;}

    .tm-site, .tm-site header, .tm-site header div, .beans-skip-links, body, .uk-offcanvas, .uk-offcanvas div {border-top:0 !important;}
    
}


/* HEADER <<< */



/* tutte le pagine >>> */

@media (min-width: 1700px)
{
    .uk-container 
    {
        max-width: none !important; 
        padding: 0 150px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1699px)
{
    .uk-container 
    {
        padding: 0 20px !important;
        
    }
}

@media (max-width: 1050px)
{
    .uk-container 
    {
        padding: 0 30px !important;
        
    }
}


aside h3 
{ 
    font-size: 18px !important; 
    font-weight: 700;
    text-transform: uppercase;
}

aside .widget_categories .uk-list li>a,
aside .widget_recent-comments .uk-list li>a,
aside .widget_archives .uk-list li>a,
aside .widget_tag_cloud .tagcloud>a
{
    font-size: 18px !important;
    color: #4686cc;
}

aside .widget_categories .uk-list li>a:hover,
aside .widget_recent-comments .uk-list li>a:hover,
aside .widget_archives .uk-list li>a:hover,
aside .widget_tag_cloud .tagcloud>a:hover
{
    font-size: 18px !important;
    color: #4C4C4C;
    text-decoration: none;
}


aside .ix-widget-title>a,
aside .widget_shortcode-widget .ix-widget-all>a
{
    font-size: 16px !important;
    color: #4C4C4C;
    font-weight: 500;

}

aside .ix-widget-title>a:hover,
aside .widget_shortcode-widget .ix-widget-all>a:hover
{
    font-size: 16px !important;
    color: #4686cc;
    text-decoration: none;
}

aside .ix-widget-title { margin-bottom: 10px; }

aside .ix-widget-article { margin-bottom: 20px; }


.tm-primary 
{
    padding-left: 60px !important;
    padding-right: 60px ;
}

aside.tm-secondary { padding: 0px; }

aside .tm-widget.widget_search,
aside .tm-widget.widget_categories,
aside .tm-widget.widget_recent-comments,
aside .tm-widget.widget_archives,
aside .tm-widget.widget_tag_cloud
{

    margin-top: 0 !important;
    padding: 45px 60px ;
    border-left: 1px solid #eee;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #eee;
}

aside .widget_shortcode-widget
{
    margin-top: 0 !important;
    padding: 45px 0px 45px 60px;
    border-left: 1px solid #eee;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #eee;
}

aside .widget_shortcode-widget .ix-widget-all 
{ 
    text-transform: uppercase; 
    font-weight: 700;
    float: right;
}


@media only screen and (max-width: 1200px)
{
    aside .tm-widget.widget_search,
    aside .tm-widget.widget_categories,
    aside .tm-widget.widget_recent-comments,
    aside .tm-widget.widget_archives,
    aside .tm-widget.widget_tag_cloud
    {
    	padding: 45px 30px !important;
	
    }

    .tm-primary 
    {
        padding-left: 30px !important;
        padding-right: 0px;
    }
}


/* tutte le pagine <<< */


/* page home >>> */
.ix-home-article
{
    padding-bottom: 30px;
    padding-top: 30px;
}

.ix-home-article .ix-home-img img { width: 100%; }

.ix-home-article .ix-home-pretitle, 
.ix-home-article .ix-home-subtitle
{ margin-bottom: 10px; }

.ix-home-article .ix-home-title 
{ 
    margin-bottom: 10px !important;
    font-size: 36px; 
    line-height: 45px;
}

.ix-home-article .ix-home-btn { text-transform: uppercase; font-weight: 700;}

.ix-home-article .ix-home-title a,
.ix-home-article .ix-home-btn a
{  
    color: #4C4C4C;
}

.ix-home-article .ix-home-title a:hover,
.ix-home-article .ix-home-btn a:hover
{
    color: #4686cc;
    text-decoration: none;
}

/* page home <<< */



/* tutte article >>> */
header .tm-article-image { display: none; }


.ix-article
{
    padding-bottom: 30px;
    padding-top: 30px;
}

.ix-article .ix-img img { width: 100%; }

.ix-article .ix-pretitle, 
.ix-article .ix-subtitle
{ margin-bottom: 10px; }

.ix-article .ix-title 
{ 
    margin-bottom: 10px !important;
    font-size: 36px; 
    line-height: 45px;
}

.ix-article .ix-btn { text-transform: uppercase; font-weight: 700;}

.ix-article .ix-title a,
.ix-article .ix-btn a
{  
    color: #4C4C4C;
}

.ix-article .ix-title a:hover,
.ix-article .ix-btn a:hover
{
    color: #4686cc;
    text-decoration: none;
}


/* tutte article <<< */




/* pagina contatti >>>  */
.page-id-399 .ix-contatti
{
    font-weight: 400;
    color: black;
}

/* pagina contatti <<<  */

.page-id-36 .tm-article-content
{
	padding:0 25px;
}
header .tm-overlay-navigation 
{
	height:250px;
}
nav 
{
	margin-top:10px !important;
}
header .tm-overlay-navigation
{
	background-size:202px 200px !important;
	background-position:50% 20px;
}
nav
{
	float:left !important;
	background-color:white !important;
}
.uk-button-primary
{
	background-color:white !important;
}

@media only screen and (min-width: 600px)
{
nav
{
	float:none;
}	
.page-id-36 .tm-article-content
{
	padding:0 50px;
}
header .tm-overlay-navigation 
{
	height:330px;
}
nav 
{
	margin-top:148px !important;
	padding: 10%; <!-- Was: padding:left: 25%; -->
}
header .tm-overlay-navigation
{
	background-size:245px 243px !important;
	background-position:50% 25px ;
}
	
}


header .tm-overlay-navigation 
{ 
    background-image:url('https://www.syamhope.com/wp-content/uploads/2022/07/new-logo.png') !important;
    
    background-size: auto 70% !important;
	background-position: 50% 25% !important;
    background-repeat: no-repeat;
    box-shadow: none;
    padding: 0;
    border:0;
}