/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
@media only screen and (max-width: 768px) {
	
.node-type-event .ds-2col-fluid .group-right, .node-type-article .ds-2col-fluid .group-right
{
	width:100%;
}

.node-type-event .ds-2col-fluid .group-left, .node-type-article .ds-2col-fluid .group-left
{
	float:none;
	width:100%;
	margin-top: 20px;
}


#main-content {
	margin-top: 0px;
	margin-left: 0px;
}

#block-block-17 .text_and_video_left
{
	width:100%;
	float:none;
}

.image_bienvenu
{
    width: 510px;
    margin: auto;
}

#block-block-19 a
{
font-size: 1.5em;
}

h2
{
margin-top:50px;
}

#block-menu-menu-footer li.leaf
	{
	padding: 0% 2% 0% 0%;
	font-size: smaller;
	}
	
#block-menu-menu-footer .block-inner
{
height:140px;
}

#block-menu-menu-footer li.leaf
{
display: block;
}

#flexslider-1 .slides .views-field-body .field-content 
	{
	background: none;
    padding: 0px;
	font-size: 15px;
	}
	
#flexslider-1 .slides .views-field-body 
	{
	left: initial;
	width:70%;
	}

.flexslider div.views-field-field-date .field-content, .flexslider div.views-field-field-event-date .field-content, .flexslider div.views-field-title .field-content, .flexslider div.views-field-field-short-explanation .field-content
{
	white-space: normal;
	padding: 5% 5% 0 0; 
}

.flexslider div.views-field-field-date, .flexslider div.views-field-field-event-date, .flexslider div.views-field-title, .flexslider div.views-field-field-short-explanation
{
	color:#F67700;
}

.flexslider div.views-field-title
{
    background-color: white;
    position: inherit;
    height: 36%;
	padding: 1% 5% 0px 0px;
}

.flexslider div.views-field-field-date, .flexslider div.views-field-field-event-date
{
	position: inherit;
    height: 30%;
	padding: 1% 5% 0px 0px;
}

.flexslider div.views-field-title .field-content a
{
	color: #F67700;
    font-size: 0.8em;
}

#header #block-search-form {
position: relative;
top: inherit;
right: inherit;
}

#block-views-articles-in-front-block
{
height:auto;
}

.view-articles-in-front .view-content .views-row
{
	width: 100%;
	float: none;
    margin: 0 auto 20px;
    display: block;
    max-width: 400px;
}

.view-articles-in-front .view-content .views-row .views-field-title,
.view-articles-in-front .view-content .views-row .views-field-field-short-description
{
z-index: 2;
}

.view-articles-in-front .views-row .views-field-field-short-description .field-content
{
	font-size: 1em;
}


.front .search-form
{
width:90%;
}

.search-form input
{
    font-size: 0.8em;
}

.front #block-custom-search-blocks-1
{
    margin: -15px auto;
}

.block_user_action
{
	position:absolute;
	right:10px;
}

.region-leaderboard
{
	min-height:40px;
}


.flexslider div.views-field-date a
{
    font-size: 0.8em;
}

.flexslider div.views-field-field-short-explanation
{
  display: none;
}

.form-item input
{
	width: 90%;
}

#block-simplenews-1 .block-inner .simplenews-subscribe .form-item input.form-text
{
	width: 100%;
    font-size: 0.8em;
    text-align: center;	
	padding:0px;	
	box-sizing: border-box;
	height:34px;
}

#block-simplenews-1 .block-inner .simplenews-subscribe input.form-submit,
#block-simplenews-1 .block-inner .simplenews-unsubscribe input.form-submit
{
    font-size: smaller;
	padding:0px;
	width: 100%;
	top:84px;
	padding: 0px 10px;		
	left:0px;
	border: 1px solid rgb(0, 169, 157);	
}

#block-menu-menu-footer {
    margin: 0 10%;
}


#block-block-16
{
    position: relative;
    left: initial;
    z-index: 5;
    margin: 0 auto;
    width: 100%;
    top: -50px;
    height: 110px;
}

#block-block-17 .text_bienvenue
{
    width: 100%;
	/*margin-left: none;*/
	font-size: 1.3em;
}

#block-block-17 .bienvenue_title_2
{
	margin: 0 0 10px 0;
    font-size: 1em;
}

#block-block-17 .text_bienvenue p
{
	font-size: 0.6em;
}

#events-hor
{
	margin-bottom:0px;
}

.churches-info
{
font-size: 0.8em;
padding:0px;
}

#block-simplenews-1 {
    position: relative;
    height: 50px;
    top: inherit;
    padding-top: 50px;
}

#block-simplenews-1 .block-inner .simplenews-subscribe .form-item input.form-text
{
	position:relative;
    font-size: 0.5em;
}


#block-simplenews-1 .block-inner .simplenews-subscribe input.form-submit, #block-simplenews-1 .block-inner .simplenews-unsubscribe input.form-submit
{
	position:relative;
	top:inherit;
}

#block-simplenews-1 .form-item input
{
    margin-bottom: 5px;
}



#block-block-13 {
    float: none;
    position: relative;
    top: inherit;
    right: inherit;
    height: 100px;
    margin: 0 auto;
    width: 130px;
}

.region-tertiary-content
{
	height: inherit;
}

#block-block-12
{
	width:80%;
	margin: 0 auto;
	padding:0px;
    text-align: center;
}

#block-block-14 {
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto;
    padding-top: 30px;
}

#block-block-3 {
    background-color: white;
    text-align: center;
    color: #414141;
    position: relative;
    bottom: 0px;
    width: 100%;
    z-index: 2;
    font-size: 0.6em;
}

}

/*
 * Smalltouch sizes and down
 */

 /*
 @media only screen and (min-width: 480px) {
 */

 /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  /*.region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  } */
  
  /*
#block-menu-menu-footer li.leaf
	{
	padding: 0% 4% 0% 4%;
	font-size: small;
	}
	
#flexslider-1 .slides .views-field-body .field-content 
	{
	background: none;
    padding: 0px;
	font-size: 20px;
	}

#header #block-search-form {
position: relative;
top: inherit;
right: inherit;
}

.view-articles-in-front .views-row .views-field-title .field-content a
{
font-size: 1.1em;
}

.view-articles-in-front .views-row .views-field-field-short-description .field-content
{
font-size: 0.8em;
}

.view-articles-in-front .views-row .views-field-title .field-content
{
    padding: 1% 2% 0px;
}

.search-form
{
width:70%;
}

.search-form input
{
    font-size: 1em;
}

}

*/



/*
 * Tablet sizes and up
 */
@media only screen and (min-width: 768px) {

/*events*/
/*#columns .content-column .content-inner {
margin-left: 30%;
}*/

#block-block-17 .text_and_video_left
{
	width:100%;
	float:none;
}

.image_bienvenu
{
    width: 510px;
    margin: auto;
}

#columns .region-sidebar-first {
width: 30%;
}

#block-menu-menu-footer li.leaf
	{
	padding: 0% 5% 0% 0%;
	font-size: larger;
	}

.om-maximenu ul.om-menu li.om-leaf
{
padding: 0px 1%;
}
	
.om-maximenu ul.om-menu li.om-leaf .om-link 
{
font-size: 1em;
letter-spacing: -0.5px;
padding: 0px;
}

h2, #block-block-19 a
{
font-size: 1.7em;
}

#flexslider-1 .slides .views-field-body .field-content {
font-size: 21px;
}

#header #block-search-form {
position: absolute;
top: 50px;
right: 15px;
width:400px;
}

#flexslider-1 .slides .views-field-body .field-content
{
font-style: italic;
color: white;
font-family: 'Times New Roman';
font-size: 25.1428565979004px;
/*height: 100px;*/
background: url('/sites/default/files/pictures/icons/conv_tag.png') 5px 5px no-repeat;
padding: 0px 90px 0px 90px;
}

.view-articles-in-front .views-row .views-field-title .field-content a
{
font-size: 1.3em;
}

.view-articles-in-front .views-row .views-field-field-short-description .field-content
{
font-size: 0.9em;
}

.view-articles-in-front .views-row .views-field-title .field-content
{
    padding: 2% 5% 0px;
}

.front .search-form
{
width:50%;
}

.search-form input
{
    font-size: 1.2em;
}

#block-simplenews-1 .block-inner .simplenews-subscribe input.form-submit,
#block-simplenews-1 .block-inner .simplenews-unsubscribe input.form-submit
{
    font-size: smaller;
	padding:0px;
}

.not-front .search-form input
{
font-size:0.8em;
}

.not-front #block-custom-search-blocks-1
{
	width:40%;
}

.om-menu .block-menu li.menu-depth-1 a
{
	font-size:1.0em;
}

}

/*
 * Desktops/laptops and up
 */
@media only screen and (min-width: 1025px) {

#block-block-17 .text_and_video_left
{
	width:50%;
	float:left;
}

#block-block-17 .image_bienvenu
{
    width: 510px;
    margin: auto;
}

#events-hor .slides .views-field-field-short-explanation .field-content
{
	padding: 0% 5%;
	white-space: normal;
}


#block-menu-menu-footer li.leaf
	{
	padding: 0% 6% 0% 0%;
	font-size: larger;
	}

.om-maximenu ul.om-menu li.om-leaf
{
padding: 0px 2%;
}
	
.om-maximenu ul.om-menu li.om-leaf .om-link 
{
font-size: 1.275em;
letter-spacing: 2px;
padding: 0px;
}

h2
{
font-size: 2.175em;
}

.view-articles-in-front .views-row .views-field-title .field-content a
{
font-size: 1.3em;
}

.view-articles-in-front .views-row .views-field-field-short-description .field-content
{
font-size: 1em;
}

.view-articles-in-front .views-row .views-field-title .field-content
{
    padding: 5% 5% 0px;
}

#block-simplenews-1 .block-inner .simplenews-subscribe input.form-submit,
#block-simplenews-1 .block-inner .simplenews-unsubscribe input.form-submit
{
padding: 0px 30px;
font-size: larger;
}



}

@media only screen and (min-width: 1300px) {

.om-menu .block-menu li.menu-depth-1 a
{
	font-size:1.2em;
}

.om-maximenu ul.om-menu li.om-leaf
{
padding: 0px 3%;
}

.om-maximenu ul.om-menu li.om-leaf .om-link 
{
font-size: 1.375em;
letter-spacing: 2px;
padding: 0px;
}

h2
{
font-size: 2.375em;
}

.view-articles-in-front .views-row .views-field-title .field-content a
{
font-size: 1.5em;
}

.view-articles-in-front .views-row .views-field-field-short-description .field-content
{
font-size: 1.2em;
}

.search-form input
{
    font-size: 1.3em;
}

.not-front .search-form input
{
    font-size: 1em;
}

}

.group-left .field-items .date-display-range
{
        display:inline;//BLA
}