/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

@import url('https://fonts.googleapis.com/css?family=Cairo&display=swap');
/** {
    font-family: 'Cairo', sans-serif;
}*/

/*******************ALLLLL***********************/
section#block-webform-client-block-47 {
    margin-left: auto;
    margin-right: auto;
}

/*اتصل بنا عربي*/
.panel-default > .panel-heading {
    text-align: center;
    color: #fff;
    background-color: #3a7aa0;
    border-color: #dddddd;
    font-size: 32px;
    font-weight: 900;
    padding: 5px 10px;
}

button.webform-submit.button-primary.btn.btn-default.form-submit {
    position: relative;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 30px;
    font-size: 18px;
    background: #3a7aa0;
    border: none;
    margin-top: 10px ;
    margin-bottom: 50px ;
}

button.webform-submit.button-primary.btn.btn-default.form-submit:hover {
    background: #f45e4e;
    border: none;
}


/*==========================( LARGE SCREEN )================================*/
@media screen and (min-width: 768px) {
    
/*ar news mobile*/
section#block-views-ar-news-block-1 {
    display: none;
}

/*aggregator*/
div#mini-panel-ar_aggre_phone {
    display: none;
}


/*اتصل بنا*/
section#block-webform-client-block-47 {
    width: 50%;
    
}


.navbar-header {
   display: none;
}

header#navbar {
    border-bottom: 2px solid;
}

a:hover {
    text-decoration: none;
}

li.leaf {
    margin-left: 8px;
}

li.leaf:hover {
   /* background-color: #3399ff73;*/
}


ul.menu.nav.navbar-nav {
    display: flex;
    position: relative;
    /* left: 350px; */
    font-size: 18px;
    width: 100%;
    left: 30px;
    height: 50px;
    padding-top: 5px;
}

.navbar-nav > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
    height: 52px;
    top: -5px;
}

.navbar-default .navbar-nav > li:hover > a {
    border-bottom: 3px solid red;
    background-color: transparent;
}


/*===============*/

/*====عن المركـــــــــــز=============*/

#block-views-ar-news-block > h2,
#block-panels-mini-contact-us > h2,
div.main-container.container > div > section > h1,
#block-block-9 > p:nth-child(4) > span > em > strong > span,
#block-block-1 > p:nth-child(2) > span > em > strong > span,
#block-block-3 > p:nth-child(4) > span > em > strong > span,
#block-block-12 > p:nth-child(4) > span > em > strong > span,
#block-block-11 > p:nth-child(2) > span > em > strong > span,
#block-block-13 > p:nth-child(4) > span > em > strong > span
{
    color: black;
    font-weight: 900;
    text-align: center;
    width: 100%;
    height:50px;
    padding-top: 5px;
    display: block;
    background: #3399ff;
   /* background: #38b83d;*/
    background-image: url(http://nerc.nahrainuniv.edu.iq/sites/default/files/3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

/*=====================================*/

form#search-block-form {
    position: relative;
    right: 900px;
}

/*صفحة الخبر*/

div.field.field-name-field-image.field-type-image.field-label-hidden > div > div > img {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

div.field.field-name-body.field-type-text-with-summary.field-label-hidden > div {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}


.td:hover span {
    position: relative;
    right: 10px;
    animation: myfirst 1s linear forwards;
}

@keyframes myfirst {
  0%   {right:0px;}
  100% {right:7px;}
}


#block-block-3  table  tr  td:hover  span strong  span {
    color: red;
}

/*news ar laptop*/

#block-views-ar-news-block table tbody tr td.col-1, 
#block-views-ar-news-block table tbody tr td.col-2,
#block-views-ar-news-block table tbody tr td.col-3, 
#block-views-ar-news-block  table tbody tr td.col-4 {
    background: #ffffff;
    /*border: 1px solid blue;*/
    padding: 20px;
    width: 32%;
}

#block-views-ar-news-block .views-field.views-field-title {
    font-size: 20px;
    position: relative;
    bottom: 49px;
    padding: 10px;
    background:#15151499;
}

#block-views-ar-news-block .views-field.views-field-title a {
    color:#fff;
}

#block-views-ar-news-block .views-field.views-field-body,
#block-views-ar-news-block .views-field.views-field-view-node,
#block-views-ar-news-block .views-field.views-field-created {
    position: relative;
    bottom: 32px;
}

#block-views-ar-news-block ul.pager{
    position: relative;
    bottom: 50px;
}

#block-views-ar-news-block .views-field.views-field-created {
    float: left;
    top: -50px;
}

#block-views-ar-news-block h2.block-title {
    font-size: 32px;
    font-weight: 900;
    color: black;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 12px;
}

section#block-quicktabs-qt-papers-projects .block-title{
    font-size: 32px;
    font-weight: 900;
    color: black;
    padding-bottom: 12px;
    
    
}

section#block-quicktabs-qt-papers-projects ul.quicktabs-tabs.quicktabs-style-arrows {
    height: 35px;
    background:#00000096;
}

ul.quicktabs-tabs.quicktabs-style-arrows li a {
    padding-top: 10.7px;
    padding-bottom: 15px;
}

section#block-quicktabs-qt-papers-projects ul.quicktabs-tabs.quicktabs-style-arrows a {
    color: #ffffff;
    font-size: 20px;
}

section#block-quicktabs-qt-papers-projects ul.quicktabs-tabs li {
    display: inline;
    background: none;
    list-style-type: none;
    padding: 2px 25px 2px 75px;
    margin: 10px 0;
    white-space: nowrap;
}


ul.quicktabs-tabs.quicktabs-style-arrows {
    height: 50px!important;
}

ul.quicktabs-tabs.quicktabs-style-arrows li.active a, ul.quicktabs-tabs.quicktabs-style-arrows li a{
    
        background: none;
}

ul.quicktabs-tabs.quicktabs-style-arrows li.active a, ul.quicktabs-tabs.quicktabs-style-arrows li a:hover{
    
    /* background: none;*/
     background-color: #000;

}

.jumbotron {
    padding-top: 20px;
    padding-bottom: 50px;
}


.highlighted.jumbotron {
    background-image: url(http://nerc.nahrainuniv.edu.iq/sites/default/files/3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

/*activities ar page*/
/*http://nerc.nahrainuniv.edu.iq/?q=ar/workshops*/

.view.view-work.view-id-work.view-display-id-page.view-dom-id-f7a338dec7f1e4dd4c63b7e4702476a1 .views-field.view-field-title {
    position: relative;
    top: -310px;
    font-size: 20px;
    border: 1px solid;
    width: 55%;
    left: -500px;
    margin-left: 0;
}

.allViews .views-field.views-field-field-image{
border:2px solid #26caef;
/*border-image: url(http://nerc.nahrainuniv.edu.iq/sites/default/files/3.jpg) 30 round;*/
height:324px;
margin:0;
} 

.allViews span.field-content a{
color:black;
font-weight:900;
} 

.allViews .views-field.views-field-title{
position:relative;
width:67.5%;
background:#63c8e6;
top:-323px;
right:482px;
padding-right:20px;
font-size:20px;
background:#63c8e6;
background-image: url(http://nerc.nahrainuniv.edu.iq/sites/default/files/3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
} 

.allViews .views-field.views-field-body{
width:628px;
height:209px;
} 

.allViews .views-field.views-field-body, .allViews .views-field.views-field-view-node, .allViews .views-field.views-field-created{

position:relative;
top:-280px;
width:55%;
right:500px;} 

.allViews .views-field.views-field-view-node, .allViews .views-field.views-field-created{

position:relative;
top:-300px;
width:55%;
right:500px;} 


.allViews .views-row.views-row-2.views-row-even, 
.allViews .views-row.views-row-3.views-row-odd,
.allViews .views-row.views-row-4.views-row-even, 
.allViews .views-row.views-row-5.views-row-odd,
.allViews .views-row.views-row-6.views-row-even, 
.allViews .views-row.views-row-7.views-row-odd {
position:relative;
top:-180px;
height:400px;
    
} 

/*foooooter*/
section#block-panels-mini-aggregator-foooter {
    background: black;
    width: 100%;
}

section#block-block-15 {
    background: #181c1c;
}

footer.footer.container {
    padding: 20px 0;
}

#mini-panel-aggregator_foooter > div h2 {
    color: #3399ff;
}

.pane-aggregator a {
    color: #c3d0e0;
}

.pane-aggregator a:hover {
    color: red;
}

/*mobile display none*/
#mobile {
    
    display:none;
}

/*********************/

/*********************************************************/

/*body width*/
.main-container.container, footer.footer.container {
    margin: 0;
    width: 100%;
}

}
/*===============================( END OF LARGE SCREEN )=============================================*/


/*================================( SMALL SCREEN )===============================================*/
@media screen and (max-width: 768px) {
    
#laptop{
    
    display:none;
}


/*اتصل بنا*/
section#block-webform-client-block-47 {
    width: 90%;
}

/*aggregator*/
section#block-panels-mini-aggregator-foooter {
    display: none;
}

section#block-panels-mini-ar-aggre-phone {
    background: black!important;
    width: 100%!important;
}

section#block-panels-mini-ar-aggre-phone > div h2 {
    color: #3399ff;
}

.pane-aggregator a {
    color: #c3d0e0;
}
.pane-aggregator a:hover {
    color: red;
}

/*footer width*/
footer.footer.container {
    padding: 0;
}
.inside.panels-flexible-region-inside.panels-flexible-region-5-center-inside.panels-flexible-region-inside-first.panels-flexible-region-inside-last h2.pane-title {
    padding-right: 20px;
    /* padding-block-end: 20px; */
    padding-block-start: 20px;
}

.panels-flexible-region.panels-flexible-region-5-center.panels-flexible-region-first.panels-flexible-region-last .more-link {
    padding-right: 20px;
}

.panels-flexible-5 .panels-flexible-region {
    /* padding: 0; */
    padding-left: 30px;
}

section#block-block-15 {
    text-align: left;
    background: #151414;
}

section#block-views-ar-news-block {
    display: none;
}

/*mobile ar news*/
#block-views-ar-news-block-1 .views-field.views-field-title {
    font-size: 20px;
    position: relative;
    bottom: 49px;
    padding: 10px;
    background:#15151499;
}

#block-views-ar-news-block-1 .views-field.views-field-title a {
    color:#fff;
}

#block-views-ar-news-block-1 .views-field.views-field-body,
#block-views-ar-news-block-1 .views-field.views-field-view-node,
#block-views-ar-news-block-1 .views-field.views-field-created {
    position: relative;
    top: -30px;
}

#block-views-ar-news-block-1 .view-content {
    width: 90%;
    display: block;
    margin: auto;
}

/*drupal logo phone*/
a.logo.navbar-btn.pull-left {
    display: none;
}

/*blocks titles mobile*/
#block-block-9 > p:nth-child(3) > span > em > strong > span,
#block-block-1 > p:nth-child(1) > span > em > strong > span,
#block-block-3 > p:nth-child(3) > span > em > strong > span,
#block-views-ar-news-block-1 > h2{
    width: 100%;
    color:#a71010;
    background: #65b7d56b;
    display: block;
    text-align: center;
    font-family: 'Cairo', sans-serif;
}

#block-views-ar-news-block-1 > h2 {
    font-size: 32px;
    font-weight: 900;
    color: black;
}

body {
    background: #f2f8fe;
}

/*ar phone divisions*/
section#block-block-1 #mobile > tbody > tr > td {
    font-size: 20px;
    text-align: center;
    padding: 5px;
    color: #2e1111;
    border: 1px solid gainsboro;
}

section#block-block-1 #mobile > tbody > tr > td:hover {
    background: #f9cfab;
}

/*nerc title*/
#navbar > div > div.navbar-header > a.name.navbar-brand {
    color: white;
    font-size: 12px;
    font-weight: 800;
    position: relative;
    display: block;
    width: 83%;
    font-family: 'Cairo', sans-serif;
}

.navbar-header {
    background: #029acf;
}

#navbar > div > div.navbar-header > button {
    background: dodgerblue;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #f8f6f6;
}
#navbar-collapse > nav > ul {
    background: #e9f2f7;
}

#navbar-collapse > nav > ul > li > a {
    font-size: 18px;
    color: #496889;
    font-family: 'Cairo', sans-serif;
}

#navbar-collapse > nav > ul > li:hover > a {
    color: red;
}

#navbar-collapse > nav > ul > li:hover {
    background: #fff;
}

#block-views-ar-news-block-1 h2.block-title {
    font-size: 22px;
    
}

section#block-block-9{
    background: linear-gradient(to bottom, #40ceff69 20%, #053d51),url(http://nerc.nahrainuniv.edu.iq/sites/default/files/5Energy%20Management2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

table#mobile {
    color: #000000;
}
table#mobile a {
    color: #000000;
}

/*section#block-block-1 {
    background :linear-gradient(to bottom, #72c8e782 20%, #06445b), url(http://nerc.nahrainuniv.edu.iq/sites/default/files/2wind-power-300x500.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}*/





/*fixed width for mobile view*/
/*body {
    position: fixed;
}*/




    
}/*================================( END OF SMALL SCREEN )===============================================*/