/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.container .av-content-small.units {
width: 80%;
max-width: calc(100% - 248px);	
}
.sidebar {
min-width: 247px;
}

@font-face {
  font-family: 'KunstlerScript';
  src: url('https://www.abagneres.com/webfont/KunstlerScript.eot?#iefix') format('embedded-opentype'),  url('https://www.abagneres.com/webfont/KunstlerScript.woff') format('woff'), url('https://www.beta.abagneres.com/webfont/KunstlerScript.ttf')  format('truetype'), url('https://www.abagneres.com/webfont/KunstlerScript.svg#KunstlerScript') format('svg');
  font-weight: normal;
  font-style: normal;
}


h1 {
/*font-family: KunstlerScript;*/
text-transform: none !important;
font-weight: bold;
font-size: 54px;
letter-spacing: -1px !important;
}

/*
.av-special-heading	{
margin-left: -10px;
}
*/

.modern-quote .av-special-heading-tag {
font-weight: bold;
}

#socket .container .copyright {

}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}


@media only screen and (max-width: 1200px) {
.av-logo-container { padding: 0px 20px; }
#socket .container { padding-right: 20px; padding-left: 20px; }
.copyright { font-size: 16px; }
}

@media only screen and (min-width: 990px) and (max-width: 1080px) {
.av-logo-container { height: 98px !important; }
.header-scrolled .av-logo-container { height: 49px !important; }
#top .av_header_transparency.av_alternate_logo_active .logo a > img { width: 190px; }
.header-scrolled .social_bookmarks { top: 25% !important; }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header { position: fixed; }
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */

.container {
padding: 0 30px;
}
.container .av-content-small.units {
width: 80%;
max-width: calc(100% - 228px);	
}
.sidebar {
min-width: 227px;
padding-top: 30px;
padding-bottom: 30px;
}

.inner_sidebar {
	margin-left: 30px;	
}

.social_bookmarks { display: none !important; }
  
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .container .av-content-small.units {
width: 100%;
max-width: 100%;
}

}